|
1
|
|
|
/* -*- Mode: Java; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- */ |
|
2
|
|
|
/* vim: set shiftwidth=2 tabstop=2 autoindent cindent expandtab: */ |
|
3
|
|
|
/* Copyright 2012 Mozilla Foundation |
|
4
|
|
|
* |
|
5
|
|
|
* Licensed under the Apache License, Version 2.0 (the "License"); |
|
6
|
|
|
* you may not use this file except in compliance with the License. |
|
7
|
|
|
* You may obtain a copy of the License at |
|
8
|
|
|
* |
|
9
|
|
|
* http://www.apache.org/licenses/LICENSE-2.0 |
|
10
|
|
|
* |
|
11
|
|
|
* Unless required by applicable law or agreed to in writing, software |
|
12
|
|
|
* distributed under the License is distributed on an "AS IS" BASIS, |
|
13
|
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|
14
|
|
|
* See the License for the specific language governing permissions and |
|
15
|
|
|
* limitations under the License. |
|
16
|
|
|
*/ |
|
17
|
|
|
/*jshint globalstrict: false */ |
|
18
|
|
|
/* globals PDFJS */ |
|
19
|
|
|
|
|
20
|
|
|
// Initializing PDFJS global object (if still undefined) |
|
21
|
|
|
if (typeof PDFJS === 'undefined') { |
|
22
|
|
|
(typeof window !== 'undefined' ? window : this).PDFJS = {}; |
|
23
|
|
|
} |
|
24
|
|
|
|
|
25
|
|
|
PDFJS.version = '1.1.114'; |
|
26
|
|
|
PDFJS.build = '3fd44fd'; |
|
27
|
|
|
|
|
28
|
|
|
(function pdfjsWrapper() { |
|
29
|
|
|
// Use strict in our context only - users might not want it |
|
30
|
|
|
'use strict'; |
|
31
|
|
|
|
|
32
|
|
|
/* -*- Mode: Java; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- */ |
|
33
|
|
|
/* vim: set shiftwidth=2 tabstop=2 autoindent cindent expandtab: */ |
|
34
|
|
|
/* Copyright 2012 Mozilla Foundation |
|
35
|
|
|
* |
|
36
|
|
|
* Licensed under the Apache License, Version 2.0 (the "License"); |
|
37
|
|
|
* you may not use this file except in compliance with the License. |
|
38
|
|
|
* You may obtain a copy of the License at |
|
39
|
|
|
* |
|
40
|
|
|
* http://www.apache.org/licenses/LICENSE-2.0 |
|
41
|
|
|
* |
|
42
|
|
|
* Unless required by applicable law or agreed to in writing, software |
|
43
|
|
|
* distributed under the License is distributed on an "AS IS" BASIS, |
|
44
|
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|
45
|
|
|
* See the License for the specific language governing permissions and |
|
46
|
|
|
* limitations under the License. |
|
47
|
|
|
*/ |
|
48
|
|
|
/* globals Cmd, ColorSpace, Dict, MozBlobBuilder, Name, PDFJS, Ref, URL, |
|
49
|
|
|
Promise */ |
|
50
|
|
|
|
|
51
|
|
|
'use strict'; |
|
52
|
|
|
|
|
53
|
|
|
var globalScope = (typeof window === 'undefined') ? this : window; |
|
54
|
|
|
|
|
55
|
|
|
var isWorker = (typeof window === 'undefined'); |
|
56
|
|
|
|
|
57
|
|
|
var FONT_IDENTITY_MATRIX = [0.001, 0, 0, 0.001, 0, 0]; |
|
58
|
|
|
|
|
59
|
|
|
var TextRenderingMode = { |
|
60
|
|
|
FILL: 0, |
|
61
|
|
|
STROKE: 1, |
|
62
|
|
|
FILL_STROKE: 2, |
|
63
|
|
|
INVISIBLE: 3, |
|
64
|
|
|
FILL_ADD_TO_PATH: 4, |
|
65
|
|
|
STROKE_ADD_TO_PATH: 5, |
|
66
|
|
|
FILL_STROKE_ADD_TO_PATH: 6, |
|
67
|
|
|
ADD_TO_PATH: 7, |
|
68
|
|
|
FILL_STROKE_MASK: 3, |
|
69
|
|
|
ADD_TO_PATH_FLAG: 4 |
|
70
|
|
|
}; |
|
71
|
|
|
|
|
72
|
|
|
var ImageKind = { |
|
73
|
|
|
GRAYSCALE_1BPP: 1, |
|
74
|
|
|
RGB_24BPP: 2, |
|
75
|
|
|
RGBA_32BPP: 3 |
|
76
|
|
|
}; |
|
77
|
|
|
|
|
78
|
|
|
var AnnotationType = { |
|
|
|
|
|
|
79
|
|
|
WIDGET: 1, |
|
80
|
|
|
TEXT: 2, |
|
81
|
|
|
LINK: 3 |
|
82
|
|
|
}; |
|
83
|
|
|
|
|
84
|
|
|
var StreamType = { |
|
|
|
|
|
|
85
|
|
|
UNKNOWN: 0, |
|
86
|
|
|
FLATE: 1, |
|
87
|
|
|
LZW: 2, |
|
88
|
|
|
DCT: 3, |
|
89
|
|
|
JPX: 4, |
|
90
|
|
|
JBIG: 5, |
|
91
|
|
|
A85: 6, |
|
92
|
|
|
AHX: 7, |
|
93
|
|
|
CCF: 8, |
|
94
|
|
|
RL: 9 |
|
95
|
|
|
}; |
|
96
|
|
|
|
|
97
|
|
|
var FontType = { |
|
|
|
|
|
|
98
|
|
|
UNKNOWN: 0, |
|
99
|
|
|
TYPE1: 1, |
|
100
|
|
|
TYPE1C: 2, |
|
101
|
|
|
CIDFONTTYPE0: 3, |
|
102
|
|
|
CIDFONTTYPE0C: 4, |
|
103
|
|
|
TRUETYPE: 5, |
|
104
|
|
|
CIDFONTTYPE2: 6, |
|
105
|
|
|
TYPE3: 7, |
|
106
|
|
|
OPENTYPE: 8, |
|
107
|
|
|
TYPE0: 9, |
|
108
|
|
|
MMTYPE1: 10 |
|
109
|
|
|
}; |
|
110
|
|
|
|
|
111
|
|
|
// The global PDFJS object exposes the API |
|
112
|
|
|
// In production, it will be declared outside a global wrapper |
|
113
|
|
|
// In development, it will be declared here |
|
114
|
|
|
if (!globalScope.PDFJS) { |
|
115
|
|
|
globalScope.PDFJS = {}; |
|
116
|
|
|
} |
|
117
|
|
|
|
|
118
|
|
|
globalScope.PDFJS.pdfBug = false; |
|
119
|
|
|
|
|
120
|
|
|
PDFJS.VERBOSITY_LEVELS = { |
|
121
|
|
|
errors: 0, |
|
122
|
|
|
warnings: 1, |
|
123
|
|
|
infos: 5 |
|
124
|
|
|
}; |
|
125
|
|
|
|
|
126
|
|
|
// All the possible operations for an operator list. |
|
127
|
|
|
var OPS = PDFJS.OPS = { |
|
128
|
|
|
// Intentionally start from 1 so it is easy to spot bad operators that will be |
|
129
|
|
|
// 0's. |
|
130
|
|
|
dependency: 1, |
|
131
|
|
|
setLineWidth: 2, |
|
132
|
|
|
setLineCap: 3, |
|
133
|
|
|
setLineJoin: 4, |
|
134
|
|
|
setMiterLimit: 5, |
|
135
|
|
|
setDash: 6, |
|
136
|
|
|
setRenderingIntent: 7, |
|
137
|
|
|
setFlatness: 8, |
|
138
|
|
|
setGState: 9, |
|
139
|
|
|
save: 10, |
|
140
|
|
|
restore: 11, |
|
141
|
|
|
transform: 12, |
|
142
|
|
|
moveTo: 13, |
|
143
|
|
|
lineTo: 14, |
|
144
|
|
|
curveTo: 15, |
|
145
|
|
|
curveTo2: 16, |
|
146
|
|
|
curveTo3: 17, |
|
147
|
|
|
closePath: 18, |
|
148
|
|
|
rectangle: 19, |
|
149
|
|
|
stroke: 20, |
|
150
|
|
|
closeStroke: 21, |
|
151
|
|
|
fill: 22, |
|
152
|
|
|
eoFill: 23, |
|
153
|
|
|
fillStroke: 24, |
|
154
|
|
|
eoFillStroke: 25, |
|
155
|
|
|
closeFillStroke: 26, |
|
156
|
|
|
closeEOFillStroke: 27, |
|
157
|
|
|
endPath: 28, |
|
158
|
|
|
clip: 29, |
|
159
|
|
|
eoClip: 30, |
|
160
|
|
|
beginText: 31, |
|
161
|
|
|
endText: 32, |
|
162
|
|
|
setCharSpacing: 33, |
|
163
|
|
|
setWordSpacing: 34, |
|
164
|
|
|
setHScale: 35, |
|
165
|
|
|
setLeading: 36, |
|
166
|
|
|
setFont: 37, |
|
167
|
|
|
setTextRenderingMode: 38, |
|
168
|
|
|
setTextRise: 39, |
|
169
|
|
|
moveText: 40, |
|
170
|
|
|
setLeadingMoveText: 41, |
|
171
|
|
|
setTextMatrix: 42, |
|
172
|
|
|
nextLine: 43, |
|
173
|
|
|
showText: 44, |
|
174
|
|
|
showSpacedText: 45, |
|
175
|
|
|
nextLineShowText: 46, |
|
176
|
|
|
nextLineSetSpacingShowText: 47, |
|
177
|
|
|
setCharWidth: 48, |
|
178
|
|
|
setCharWidthAndBounds: 49, |
|
179
|
|
|
setStrokeColorSpace: 50, |
|
180
|
|
|
setFillColorSpace: 51, |
|
181
|
|
|
setStrokeColor: 52, |
|
182
|
|
|
setStrokeColorN: 53, |
|
183
|
|
|
setFillColor: 54, |
|
184
|
|
|
setFillColorN: 55, |
|
185
|
|
|
setStrokeGray: 56, |
|
186
|
|
|
setFillGray: 57, |
|
187
|
|
|
setStrokeRGBColor: 58, |
|
188
|
|
|
setFillRGBColor: 59, |
|
189
|
|
|
setStrokeCMYKColor: 60, |
|
190
|
|
|
setFillCMYKColor: 61, |
|
191
|
|
|
shadingFill: 62, |
|
192
|
|
|
beginInlineImage: 63, |
|
193
|
|
|
beginImageData: 64, |
|
194
|
|
|
endInlineImage: 65, |
|
195
|
|
|
paintXObject: 66, |
|
196
|
|
|
markPoint: 67, |
|
197
|
|
|
markPointProps: 68, |
|
198
|
|
|
beginMarkedContent: 69, |
|
199
|
|
|
beginMarkedContentProps: 70, |
|
200
|
|
|
endMarkedContent: 71, |
|
201
|
|
|
beginCompat: 72, |
|
202
|
|
|
endCompat: 73, |
|
203
|
|
|
paintFormXObjectBegin: 74, |
|
204
|
|
|
paintFormXObjectEnd: 75, |
|
205
|
|
|
beginGroup: 76, |
|
206
|
|
|
endGroup: 77, |
|
207
|
|
|
beginAnnotations: 78, |
|
208
|
|
|
endAnnotations: 79, |
|
209
|
|
|
beginAnnotation: 80, |
|
210
|
|
|
endAnnotation: 81, |
|
211
|
|
|
paintJpegXObject: 82, |
|
212
|
|
|
paintImageMaskXObject: 83, |
|
213
|
|
|
paintImageMaskXObjectGroup: 84, |
|
214
|
|
|
paintImageXObject: 85, |
|
215
|
|
|
paintInlineImageXObject: 86, |
|
216
|
|
|
paintInlineImageXObjectGroup: 87, |
|
217
|
|
|
paintImageXObjectRepeat: 88, |
|
218
|
|
|
paintImageMaskXObjectRepeat: 89, |
|
219
|
|
|
paintSolidColorImageMask: 90, |
|
220
|
|
|
constructPath: 91 |
|
221
|
|
|
}; |
|
222
|
|
|
|
|
223
|
|
|
// A notice for devs. These are good for things that are helpful to devs, such |
|
224
|
|
|
// as warning that Workers were disabled, which is important to devs but not |
|
225
|
|
|
// end users. |
|
226
|
|
|
function info(msg) { |
|
227
|
|
|
if (PDFJS.verbosity >= PDFJS.VERBOSITY_LEVELS.infos) { |
|
228
|
|
|
console.log('Info: ' + msg); |
|
|
|
|
|
|
229
|
|
|
} |
|
230
|
|
|
} |
|
231
|
|
|
|
|
232
|
|
|
// Non-fatal warnings. |
|
233
|
|
|
function warn(msg) { |
|
234
|
|
|
if (PDFJS.verbosity >= PDFJS.VERBOSITY_LEVELS.warnings) { |
|
235
|
|
|
console.log('Warning: ' + msg); |
|
|
|
|
|
|
236
|
|
|
} |
|
237
|
|
|
} |
|
238
|
|
|
|
|
239
|
|
|
// Fatal errors that should trigger the fallback UI and halt execution by |
|
240
|
|
|
// throwing an exception. |
|
241
|
|
|
function error(msg) { |
|
242
|
|
|
if (PDFJS.verbosity >= PDFJS.VERBOSITY_LEVELS.errors) { |
|
243
|
|
|
console.log('Error: ' + msg); |
|
|
|
|
|
|
244
|
|
|
console.log(backtrace()); |
|
245
|
|
|
} |
|
246
|
|
|
UnsupportedManager.notify(UNSUPPORTED_FEATURES.unknown); |
|
247
|
|
|
throw new Error(msg); |
|
248
|
|
|
} |
|
249
|
|
|
|
|
250
|
|
|
function backtrace() { |
|
251
|
|
|
try { |
|
252
|
|
|
throw new Error(); |
|
253
|
|
|
} catch (e) { |
|
254
|
|
|
return e.stack ? e.stack.split('\n').slice(2).join('\n') : ''; |
|
255
|
|
|
} |
|
256
|
|
|
} |
|
257
|
|
|
|
|
258
|
|
|
function assert(cond, msg) { |
|
259
|
|
|
if (!cond) { |
|
260
|
|
|
error(msg); |
|
261
|
|
|
} |
|
262
|
|
|
} |
|
263
|
|
|
|
|
264
|
|
|
var UNSUPPORTED_FEATURES = PDFJS.UNSUPPORTED_FEATURES = { |
|
265
|
|
|
unknown: 'unknown', |
|
266
|
|
|
forms: 'forms', |
|
267
|
|
|
javaScript: 'javaScript', |
|
268
|
|
|
smask: 'smask', |
|
269
|
|
|
shadingPattern: 'shadingPattern', |
|
270
|
|
|
font: 'font' |
|
271
|
|
|
}; |
|
272
|
|
|
|
|
273
|
|
|
var UnsupportedManager = PDFJS.UnsupportedManager = |
|
274
|
|
|
(function UnsupportedManagerClosure() { |
|
275
|
|
|
var listeners = []; |
|
276
|
|
|
return { |
|
277
|
|
|
listen: function (cb) { |
|
278
|
|
|
listeners.push(cb); |
|
279
|
|
|
}, |
|
280
|
|
|
notify: function (featureId) { |
|
281
|
|
|
warn('Unsupported feature "' + featureId + '"'); |
|
282
|
|
|
for (var i = 0, ii = listeners.length; i < ii; i++) { |
|
283
|
|
|
listeners[i](featureId); |
|
284
|
|
|
} |
|
285
|
|
|
} |
|
286
|
|
|
}; |
|
287
|
|
|
})(); |
|
288
|
|
|
|
|
289
|
|
|
// Combines two URLs. The baseUrl shall be absolute URL. If the url is an |
|
290
|
|
|
// absolute URL, it will be returned as is. |
|
291
|
|
|
function combineUrl(baseUrl, url) { |
|
292
|
|
|
if (!url) { |
|
293
|
|
|
return baseUrl; |
|
294
|
|
|
} |
|
295
|
|
|
if (/^[a-z][a-z0-9+\-.]*:/i.test(url)) { |
|
296
|
|
|
return url; |
|
297
|
|
|
} |
|
298
|
|
|
var i; |
|
299
|
|
|
if (url.charAt(0) === '/') { |
|
300
|
|
|
// absolute path |
|
301
|
|
|
i = baseUrl.indexOf('://'); |
|
302
|
|
|
if (url.charAt(1) === '/') { |
|
303
|
|
|
++i; |
|
304
|
|
|
} else { |
|
305
|
|
|
i = baseUrl.indexOf('/', i + 3); |
|
306
|
|
|
} |
|
307
|
|
|
return baseUrl.substring(0, i) + url; |
|
308
|
|
|
} else { |
|
309
|
|
|
// relative path |
|
310
|
|
|
var pathLength = baseUrl.length; |
|
311
|
|
|
i = baseUrl.lastIndexOf('#'); |
|
312
|
|
|
pathLength = i >= 0 ? i : pathLength; |
|
313
|
|
|
i = baseUrl.lastIndexOf('?', pathLength); |
|
314
|
|
|
pathLength = i >= 0 ? i : pathLength; |
|
315
|
|
|
var prefixLength = baseUrl.lastIndexOf('/', pathLength); |
|
316
|
|
|
return baseUrl.substring(0, prefixLength + 1) + url; |
|
317
|
|
|
} |
|
318
|
|
|
} |
|
319
|
|
|
|
|
320
|
|
|
// Validates if URL is safe and allowed, e.g. to avoid XSS. |
|
321
|
|
|
function isValidUrl(url, allowRelative) { |
|
322
|
|
|
if (!url) { |
|
323
|
|
|
return false; |
|
324
|
|
|
} |
|
325
|
|
|
// RFC 3986 (http://tools.ietf.org/html/rfc3986#section-3.1) |
|
326
|
|
|
// scheme = ALPHA *( ALPHA / DIGIT / "+" / "-" / "." ) |
|
327
|
|
|
var protocol = /^[a-z][a-z0-9+\-.]*(?=:)/i.exec(url); |
|
328
|
|
|
if (!protocol) { |
|
329
|
|
|
return allowRelative; |
|
330
|
|
|
} |
|
331
|
|
|
protocol = protocol[0].toLowerCase(); |
|
332
|
|
|
switch (protocol) { |
|
333
|
|
|
case 'http': |
|
334
|
|
|
case 'https': |
|
335
|
|
|
case 'ftp': |
|
336
|
|
|
case 'mailto': |
|
337
|
|
|
case 'tel': |
|
338
|
|
|
return true; |
|
339
|
|
|
default: |
|
340
|
|
|
return false; |
|
341
|
|
|
} |
|
342
|
|
|
} |
|
343
|
|
|
PDFJS.isValidUrl = isValidUrl; |
|
344
|
|
|
|
|
345
|
|
|
function shadow(obj, prop, value) { |
|
346
|
|
|
Object.defineProperty(obj, prop, { value: value, |
|
347
|
|
|
enumerable: true, |
|
348
|
|
|
configurable: true, |
|
349
|
|
|
writable: false }); |
|
350
|
|
|
return value; |
|
351
|
|
|
} |
|
352
|
|
|
PDFJS.shadow = shadow; |
|
353
|
|
|
|
|
354
|
|
|
var PasswordResponses = PDFJS.PasswordResponses = { |
|
355
|
|
|
NEED_PASSWORD: 1, |
|
356
|
|
|
INCORRECT_PASSWORD: 2 |
|
357
|
|
|
}; |
|
358
|
|
|
|
|
359
|
|
|
var PasswordException = (function PasswordExceptionClosure() { |
|
360
|
|
|
function PasswordException(msg, code) { |
|
361
|
|
|
this.name = 'PasswordException'; |
|
362
|
|
|
this.message = msg; |
|
363
|
|
|
this.code = code; |
|
364
|
|
|
} |
|
365
|
|
|
|
|
366
|
|
|
PasswordException.prototype = new Error(); |
|
367
|
|
|
PasswordException.constructor = PasswordException; |
|
368
|
|
|
|
|
369
|
|
|
return PasswordException; |
|
370
|
|
|
})(); |
|
371
|
|
|
PDFJS.PasswordException = PasswordException; |
|
372
|
|
|
|
|
373
|
|
|
var UnknownErrorException = (function UnknownErrorExceptionClosure() { |
|
374
|
|
|
function UnknownErrorException(msg, details) { |
|
375
|
|
|
this.name = 'UnknownErrorException'; |
|
376
|
|
|
this.message = msg; |
|
377
|
|
|
this.details = details; |
|
378
|
|
|
} |
|
379
|
|
|
|
|
380
|
|
|
UnknownErrorException.prototype = new Error(); |
|
381
|
|
|
UnknownErrorException.constructor = UnknownErrorException; |
|
382
|
|
|
|
|
383
|
|
|
return UnknownErrorException; |
|
384
|
|
|
})(); |
|
385
|
|
|
PDFJS.UnknownErrorException = UnknownErrorException; |
|
386
|
|
|
|
|
387
|
|
|
var InvalidPDFException = (function InvalidPDFExceptionClosure() { |
|
388
|
|
|
function InvalidPDFException(msg) { |
|
389
|
|
|
this.name = 'InvalidPDFException'; |
|
390
|
|
|
this.message = msg; |
|
391
|
|
|
} |
|
392
|
|
|
|
|
393
|
|
|
InvalidPDFException.prototype = new Error(); |
|
394
|
|
|
InvalidPDFException.constructor = InvalidPDFException; |
|
395
|
|
|
|
|
396
|
|
|
return InvalidPDFException; |
|
397
|
|
|
})(); |
|
398
|
|
|
PDFJS.InvalidPDFException = InvalidPDFException; |
|
399
|
|
|
|
|
400
|
|
|
var MissingPDFException = (function MissingPDFExceptionClosure() { |
|
401
|
|
|
function MissingPDFException(msg) { |
|
402
|
|
|
this.name = 'MissingPDFException'; |
|
403
|
|
|
this.message = msg; |
|
404
|
|
|
} |
|
405
|
|
|
|
|
406
|
|
|
MissingPDFException.prototype = new Error(); |
|
407
|
|
|
MissingPDFException.constructor = MissingPDFException; |
|
408
|
|
|
|
|
409
|
|
|
return MissingPDFException; |
|
410
|
|
|
})(); |
|
411
|
|
|
PDFJS.MissingPDFException = MissingPDFException; |
|
412
|
|
|
|
|
413
|
|
|
var UnexpectedResponseException = |
|
414
|
|
|
(function UnexpectedResponseExceptionClosure() { |
|
415
|
|
|
function UnexpectedResponseException(msg, status) { |
|
416
|
|
|
this.name = 'UnexpectedResponseException'; |
|
417
|
|
|
this.message = msg; |
|
418
|
|
|
this.status = status; |
|
419
|
|
|
} |
|
420
|
|
|
|
|
421
|
|
|
UnexpectedResponseException.prototype = new Error(); |
|
422
|
|
|
UnexpectedResponseException.constructor = UnexpectedResponseException; |
|
423
|
|
|
|
|
424
|
|
|
return UnexpectedResponseException; |
|
425
|
|
|
})(); |
|
426
|
|
|
PDFJS.UnexpectedResponseException = UnexpectedResponseException; |
|
427
|
|
|
|
|
428
|
|
|
var NotImplementedException = (function NotImplementedExceptionClosure() { |
|
|
|
|
|
|
429
|
|
|
function NotImplementedException(msg) { |
|
430
|
|
|
this.message = msg; |
|
431
|
|
|
} |
|
432
|
|
|
|
|
433
|
|
|
NotImplementedException.prototype = new Error(); |
|
434
|
|
|
NotImplementedException.prototype.name = 'NotImplementedException'; |
|
435
|
|
|
NotImplementedException.constructor = NotImplementedException; |
|
436
|
|
|
|
|
437
|
|
|
return NotImplementedException; |
|
438
|
|
|
})(); |
|
439
|
|
|
|
|
440
|
|
|
var MissingDataException = (function MissingDataExceptionClosure() { |
|
|
|
|
|
|
441
|
|
|
function MissingDataException(begin, end) { |
|
442
|
|
|
this.begin = begin; |
|
443
|
|
|
this.end = end; |
|
444
|
|
|
this.message = 'Missing data [' + begin + ', ' + end + ')'; |
|
445
|
|
|
} |
|
446
|
|
|
|
|
447
|
|
|
MissingDataException.prototype = new Error(); |
|
448
|
|
|
MissingDataException.prototype.name = 'MissingDataException'; |
|
449
|
|
|
MissingDataException.constructor = MissingDataException; |
|
450
|
|
|
|
|
451
|
|
|
return MissingDataException; |
|
452
|
|
|
})(); |
|
453
|
|
|
|
|
454
|
|
|
var XRefParseException = (function XRefParseExceptionClosure() { |
|
|
|
|
|
|
455
|
|
|
function XRefParseException(msg) { |
|
456
|
|
|
this.message = msg; |
|
457
|
|
|
} |
|
458
|
|
|
|
|
459
|
|
|
XRefParseException.prototype = new Error(); |
|
460
|
|
|
XRefParseException.prototype.name = 'XRefParseException'; |
|
461
|
|
|
XRefParseException.constructor = XRefParseException; |
|
462
|
|
|
|
|
463
|
|
|
return XRefParseException; |
|
464
|
|
|
})(); |
|
465
|
|
|
|
|
466
|
|
|
|
|
467
|
|
|
function bytesToString(bytes) { |
|
468
|
|
|
assert(bytes !== null && typeof bytes === 'object' && |
|
469
|
|
|
bytes.length !== undefined, 'Invalid argument for bytesToString'); |
|
470
|
|
|
var length = bytes.length; |
|
471
|
|
|
var MAX_ARGUMENT_COUNT = 8192; |
|
472
|
|
|
if (length < MAX_ARGUMENT_COUNT) { |
|
473
|
|
|
return String.fromCharCode.apply(null, bytes); |
|
474
|
|
|
} |
|
475
|
|
|
var strBuf = []; |
|
476
|
|
|
for (var i = 0; i < length; i += MAX_ARGUMENT_COUNT) { |
|
477
|
|
|
var chunkEnd = Math.min(i + MAX_ARGUMENT_COUNT, length); |
|
478
|
|
|
var chunk = bytes.subarray(i, chunkEnd); |
|
479
|
|
|
strBuf.push(String.fromCharCode.apply(null, chunk)); |
|
480
|
|
|
} |
|
481
|
|
|
return strBuf.join(''); |
|
482
|
|
|
} |
|
483
|
|
|
|
|
484
|
|
|
function stringToBytes(str) { |
|
485
|
|
|
assert(typeof str === 'string', 'Invalid argument for stringToBytes'); |
|
486
|
|
|
var length = str.length; |
|
487
|
|
|
var bytes = new Uint8Array(length); |
|
488
|
|
|
for (var i = 0; i < length; ++i) { |
|
489
|
|
|
bytes[i] = str.charCodeAt(i) & 0xFF; |
|
490
|
|
|
} |
|
491
|
|
|
return bytes; |
|
492
|
|
|
} |
|
493
|
|
|
|
|
494
|
|
|
function string32(value) { |
|
495
|
|
|
return String.fromCharCode((value >> 24) & 0xff, (value >> 16) & 0xff, |
|
496
|
|
|
(value >> 8) & 0xff, value & 0xff); |
|
497
|
|
|
} |
|
498
|
|
|
|
|
499
|
|
|
function log2(x) { |
|
|
|
|
|
|
500
|
|
|
var n = 1, i = 0; |
|
501
|
|
|
while (x > n) { |
|
502
|
|
|
n <<= 1; |
|
503
|
|
|
i++; |
|
504
|
|
|
} |
|
505
|
|
|
return i; |
|
506
|
|
|
} |
|
507
|
|
|
|
|
508
|
|
|
function readInt8(data, start) { |
|
|
|
|
|
|
509
|
|
|
return (data[start] << 24) >> 24; |
|
510
|
|
|
} |
|
511
|
|
|
|
|
512
|
|
|
function readUint16(data, offset) { |
|
|
|
|
|
|
513
|
|
|
return (data[offset] << 8) | data[offset + 1]; |
|
514
|
|
|
} |
|
515
|
|
|
|
|
516
|
|
|
function readUint32(data, offset) { |
|
|
|
|
|
|
517
|
|
|
return ((data[offset] << 24) | (data[offset + 1] << 16) | |
|
518
|
|
|
(data[offset + 2] << 8) | data[offset + 3]) >>> 0; |
|
519
|
|
|
} |
|
520
|
|
|
|
|
521
|
|
|
// Lazy test the endianness of the platform |
|
522
|
|
|
// NOTE: This will be 'true' for simulated TypedArrays |
|
523
|
|
|
function isLittleEndian() { |
|
524
|
|
|
var buffer8 = new Uint8Array(2); |
|
525
|
|
|
buffer8[0] = 1; |
|
526
|
|
|
var buffer16 = new Uint16Array(buffer8.buffer); |
|
527
|
|
|
return (buffer16[0] === 1); |
|
528
|
|
|
} |
|
529
|
|
|
|
|
530
|
|
|
Object.defineProperty(PDFJS, 'isLittleEndian', { |
|
531
|
|
|
configurable: true, |
|
532
|
|
|
get: function PDFJS_isLittleEndian() { |
|
533
|
|
|
return shadow(PDFJS, 'isLittleEndian', isLittleEndian()); |
|
534
|
|
|
} |
|
535
|
|
|
}); |
|
536
|
|
|
|
|
537
|
|
|
//#if !(FIREFOX || MOZCENTRAL || B2G || CHROME) |
|
538
|
|
|
//// Lazy test if the userAgant support CanvasTypedArrays |
|
539
|
|
|
function hasCanvasTypedArrays() { |
|
540
|
|
|
var canvas = document.createElement('canvas'); |
|
541
|
|
|
canvas.width = canvas.height = 1; |
|
542
|
|
|
var ctx = canvas.getContext('2d'); |
|
543
|
|
|
var imageData = ctx.createImageData(1, 1); |
|
544
|
|
|
return (typeof imageData.data.buffer !== 'undefined'); |
|
545
|
|
|
} |
|
546
|
|
|
|
|
547
|
|
|
Object.defineProperty(PDFJS, 'hasCanvasTypedArrays', { |
|
548
|
|
|
configurable: true, |
|
549
|
|
|
get: function PDFJS_hasCanvasTypedArrays() { |
|
550
|
|
|
return shadow(PDFJS, 'hasCanvasTypedArrays', hasCanvasTypedArrays()); |
|
551
|
|
|
} |
|
552
|
|
|
}); |
|
553
|
|
|
|
|
554
|
|
|
var Uint32ArrayView = (function Uint32ArrayViewClosure() { |
|
555
|
|
|
|
|
556
|
|
|
function Uint32ArrayView(buffer, length) { |
|
557
|
|
|
this.buffer = buffer; |
|
558
|
|
|
this.byteLength = buffer.length; |
|
559
|
|
|
this.length = length === undefined ? (this.byteLength >> 2) : length; |
|
560
|
|
|
ensureUint32ArrayViewProps(this.length); |
|
561
|
|
|
} |
|
562
|
|
|
Uint32ArrayView.prototype = Object.create(null); |
|
563
|
|
|
|
|
564
|
|
|
var uint32ArrayViewSetters = 0; |
|
565
|
|
|
function createUint32ArrayProp(index) { |
|
566
|
|
|
return { |
|
567
|
|
|
get: function () { |
|
568
|
|
|
var buffer = this.buffer, offset = index << 2; |
|
569
|
|
|
return (buffer[offset] | (buffer[offset + 1] << 8) | |
|
570
|
|
|
(buffer[offset + 2] << 16) | (buffer[offset + 3] << 24)) >>> 0; |
|
571
|
|
|
}, |
|
572
|
|
|
set: function (value) { |
|
573
|
|
|
var buffer = this.buffer, offset = index << 2; |
|
574
|
|
|
buffer[offset] = value & 255; |
|
575
|
|
|
buffer[offset + 1] = (value >> 8) & 255; |
|
576
|
|
|
buffer[offset + 2] = (value >> 16) & 255; |
|
577
|
|
|
buffer[offset + 3] = (value >>> 24) & 255; |
|
578
|
|
|
} |
|
579
|
|
|
}; |
|
580
|
|
|
} |
|
581
|
|
|
|
|
582
|
|
|
function ensureUint32ArrayViewProps(length) { |
|
583
|
|
|
while (uint32ArrayViewSetters < length) { |
|
|
|
|
|
|
584
|
|
|
Object.defineProperty(Uint32ArrayView.prototype, |
|
585
|
|
|
uint32ArrayViewSetters, |
|
586
|
|
|
createUint32ArrayProp(uint32ArrayViewSetters)); |
|
587
|
|
|
uint32ArrayViewSetters++; |
|
588
|
|
|
} |
|
589
|
|
|
} |
|
590
|
|
|
|
|
591
|
|
|
return Uint32ArrayView; |
|
592
|
|
|
})(); |
|
593
|
|
|
//#else |
|
594
|
|
|
//PDFJS.hasCanvasTypedArrays = true; |
|
595
|
|
|
//#endif |
|
596
|
|
|
|
|
597
|
|
|
var IDENTITY_MATRIX = [1, 0, 0, 1, 0, 0]; |
|
598
|
|
|
|
|
599
|
|
|
var Util = PDFJS.Util = (function UtilClosure() { |
|
600
|
|
|
function Util() {} |
|
601
|
|
|
|
|
602
|
|
|
var rgbBuf = ['rgb(', 0, ',', 0, ',', 0, ')']; |
|
603
|
|
|
|
|
604
|
|
|
// makeCssRgb() can be called thousands of times. Using |rgbBuf| avoids |
|
605
|
|
|
// creating many intermediate strings. |
|
606
|
|
|
Util.makeCssRgb = function Util_makeCssRgb(r, g, b) { |
|
607
|
|
|
rgbBuf[1] = r; |
|
608
|
|
|
rgbBuf[3] = g; |
|
609
|
|
|
rgbBuf[5] = b; |
|
610
|
|
|
return rgbBuf.join(''); |
|
611
|
|
|
}; |
|
612
|
|
|
|
|
613
|
|
|
// Concatenates two transformation matrices together and returns the result. |
|
614
|
|
|
Util.transform = function Util_transform(m1, m2) { |
|
615
|
|
|
return [ |
|
616
|
|
|
m1[0] * m2[0] + m1[2] * m2[1], |
|
617
|
|
|
m1[1] * m2[0] + m1[3] * m2[1], |
|
618
|
|
|
m1[0] * m2[2] + m1[2] * m2[3], |
|
619
|
|
|
m1[1] * m2[2] + m1[3] * m2[3], |
|
620
|
|
|
m1[0] * m2[4] + m1[2] * m2[5] + m1[4], |
|
621
|
|
|
m1[1] * m2[4] + m1[3] * m2[5] + m1[5] |
|
622
|
|
|
]; |
|
623
|
|
|
}; |
|
624
|
|
|
|
|
625
|
|
|
// For 2d affine transforms |
|
626
|
|
|
Util.applyTransform = function Util_applyTransform(p, m) { |
|
627
|
|
|
var xt = p[0] * m[0] + p[1] * m[2] + m[4]; |
|
628
|
|
|
var yt = p[0] * m[1] + p[1] * m[3] + m[5]; |
|
629
|
|
|
return [xt, yt]; |
|
630
|
|
|
}; |
|
631
|
|
|
|
|
632
|
|
|
Util.applyInverseTransform = function Util_applyInverseTransform(p, m) { |
|
633
|
|
|
var d = m[0] * m[3] - m[1] * m[2]; |
|
634
|
|
|
var xt = (p[0] * m[3] - p[1] * m[2] + m[2] * m[5] - m[4] * m[3]) / d; |
|
635
|
|
|
var yt = (-p[0] * m[1] + p[1] * m[0] + m[4] * m[1] - m[5] * m[0]) / d; |
|
636
|
|
|
return [xt, yt]; |
|
637
|
|
|
}; |
|
638
|
|
|
|
|
639
|
|
|
// Applies the transform to the rectangle and finds the minimum axially |
|
640
|
|
|
// aligned bounding box. |
|
641
|
|
|
Util.getAxialAlignedBoundingBox = |
|
642
|
|
|
function Util_getAxialAlignedBoundingBox(r, m) { |
|
643
|
|
|
|
|
644
|
|
|
var p1 = Util.applyTransform(r, m); |
|
645
|
|
|
var p2 = Util.applyTransform(r.slice(2, 4), m); |
|
646
|
|
|
var p3 = Util.applyTransform([r[0], r[3]], m); |
|
647
|
|
|
var p4 = Util.applyTransform([r[2], r[1]], m); |
|
648
|
|
|
return [ |
|
649
|
|
|
Math.min(p1[0], p2[0], p3[0], p4[0]), |
|
650
|
|
|
Math.min(p1[1], p2[1], p3[1], p4[1]), |
|
651
|
|
|
Math.max(p1[0], p2[0], p3[0], p4[0]), |
|
652
|
|
|
Math.max(p1[1], p2[1], p3[1], p4[1]) |
|
653
|
|
|
]; |
|
654
|
|
|
}; |
|
655
|
|
|
|
|
656
|
|
|
Util.inverseTransform = function Util_inverseTransform(m) { |
|
657
|
|
|
var d = m[0] * m[3] - m[1] * m[2]; |
|
658
|
|
|
return [m[3] / d, -m[1] / d, -m[2] / d, m[0] / d, |
|
659
|
|
|
(m[2] * m[5] - m[4] * m[3]) / d, (m[4] * m[1] - m[5] * m[0]) / d]; |
|
660
|
|
|
}; |
|
661
|
|
|
|
|
662
|
|
|
// Apply a generic 3d matrix M on a 3-vector v: |
|
663
|
|
|
// | a b c | | X | |
|
664
|
|
|
// | d e f | x | Y | |
|
665
|
|
|
// | g h i | | Z | |
|
666
|
|
|
// M is assumed to be serialized as [a,b,c,d,e,f,g,h,i], |
|
667
|
|
|
// with v as [X,Y,Z] |
|
668
|
|
|
Util.apply3dTransform = function Util_apply3dTransform(m, v) { |
|
669
|
|
|
return [ |
|
670
|
|
|
m[0] * v[0] + m[1] * v[1] + m[2] * v[2], |
|
671
|
|
|
m[3] * v[0] + m[4] * v[1] + m[5] * v[2], |
|
672
|
|
|
m[6] * v[0] + m[7] * v[1] + m[8] * v[2] |
|
673
|
|
|
]; |
|
674
|
|
|
}; |
|
675
|
|
|
|
|
676
|
|
|
// This calculation uses Singular Value Decomposition. |
|
677
|
|
|
// The SVD can be represented with formula A = USV. We are interested in the |
|
678
|
|
|
// matrix S here because it represents the scale values. |
|
679
|
|
|
Util.singularValueDecompose2dScale = |
|
680
|
|
|
function Util_singularValueDecompose2dScale(m) { |
|
681
|
|
|
|
|
682
|
|
|
var transpose = [m[0], m[2], m[1], m[3]]; |
|
683
|
|
|
|
|
684
|
|
|
// Multiply matrix m with its transpose. |
|
685
|
|
|
var a = m[0] * transpose[0] + m[1] * transpose[2]; |
|
686
|
|
|
var b = m[0] * transpose[1] + m[1] * transpose[3]; |
|
687
|
|
|
var c = m[2] * transpose[0] + m[3] * transpose[2]; |
|
688
|
|
|
var d = m[2] * transpose[1] + m[3] * transpose[3]; |
|
689
|
|
|
|
|
690
|
|
|
// Solve the second degree polynomial to get roots. |
|
691
|
|
|
var first = (a + d) / 2; |
|
692
|
|
|
var second = Math.sqrt((a + d) * (a + d) - 4 * (a * d - c * b)) / 2; |
|
693
|
|
|
var sx = first + second || 1; |
|
694
|
|
|
var sy = first - second || 1; |
|
695
|
|
|
|
|
696
|
|
|
// Scale values are the square roots of the eigenvalues. |
|
697
|
|
|
return [Math.sqrt(sx), Math.sqrt(sy)]; |
|
698
|
|
|
}; |
|
699
|
|
|
|
|
700
|
|
|
// Normalize rectangle rect=[x1, y1, x2, y2] so that (x1,y1) < (x2,y2) |
|
701
|
|
|
// For coordinate systems whose origin lies in the bottom-left, this |
|
702
|
|
|
// means normalization to (BL,TR) ordering. For systems with origin in the |
|
703
|
|
|
// top-left, this means (TL,BR) ordering. |
|
704
|
|
|
Util.normalizeRect = function Util_normalizeRect(rect) { |
|
705
|
|
|
var r = rect.slice(0); // clone rect |
|
706
|
|
|
if (rect[0] > rect[2]) { |
|
707
|
|
|
r[0] = rect[2]; |
|
708
|
|
|
r[2] = rect[0]; |
|
709
|
|
|
} |
|
710
|
|
|
if (rect[1] > rect[3]) { |
|
711
|
|
|
r[1] = rect[3]; |
|
712
|
|
|
r[3] = rect[1]; |
|
713
|
|
|
} |
|
714
|
|
|
return r; |
|
715
|
|
|
}; |
|
716
|
|
|
|
|
717
|
|
|
// Returns a rectangle [x1, y1, x2, y2] corresponding to the |
|
718
|
|
|
// intersection of rect1 and rect2. If no intersection, returns 'false' |
|
719
|
|
|
// The rectangle coordinates of rect1, rect2 should be [x1, y1, x2, y2] |
|
720
|
|
|
Util.intersect = function Util_intersect(rect1, rect2) { |
|
721
|
|
|
function compare(a, b) { |
|
722
|
|
|
return a - b; |
|
723
|
|
|
} |
|
724
|
|
|
|
|
725
|
|
|
// Order points along the axes |
|
726
|
|
|
var orderedX = [rect1[0], rect1[2], rect2[0], rect2[2]].sort(compare), |
|
727
|
|
|
orderedY = [rect1[1], rect1[3], rect2[1], rect2[3]].sort(compare), |
|
728
|
|
|
result = []; |
|
729
|
|
|
|
|
730
|
|
|
rect1 = Util.normalizeRect(rect1); |
|
731
|
|
|
rect2 = Util.normalizeRect(rect2); |
|
732
|
|
|
|
|
733
|
|
|
// X: first and second points belong to different rectangles? |
|
734
|
|
|
if ((orderedX[0] === rect1[0] && orderedX[1] === rect2[0]) || |
|
735
|
|
|
(orderedX[0] === rect2[0] && orderedX[1] === rect1[0])) { |
|
736
|
|
|
// Intersection must be between second and third points |
|
737
|
|
|
result[0] = orderedX[1]; |
|
738
|
|
|
result[2] = orderedX[2]; |
|
739
|
|
|
} else { |
|
740
|
|
|
return false; |
|
741
|
|
|
} |
|
742
|
|
|
|
|
743
|
|
|
// Y: first and second points belong to different rectangles? |
|
744
|
|
|
if ((orderedY[0] === rect1[1] && orderedY[1] === rect2[1]) || |
|
745
|
|
|
(orderedY[0] === rect2[1] && orderedY[1] === rect1[1])) { |
|
746
|
|
|
// Intersection must be between second and third points |
|
747
|
|
|
result[1] = orderedY[1]; |
|
748
|
|
|
result[3] = orderedY[2]; |
|
749
|
|
|
} else { |
|
750
|
|
|
return false; |
|
751
|
|
|
} |
|
752
|
|
|
|
|
753
|
|
|
return result; |
|
754
|
|
|
}; |
|
755
|
|
|
|
|
756
|
|
|
Util.sign = function Util_sign(num) { |
|
757
|
|
|
return num < 0 ? -1 : 1; |
|
758
|
|
|
}; |
|
759
|
|
|
|
|
760
|
|
|
Util.appendToArray = function Util_appendToArray(arr1, arr2) { |
|
761
|
|
|
Array.prototype.push.apply(arr1, arr2); |
|
762
|
|
|
}; |
|
763
|
|
|
|
|
764
|
|
|
Util.prependToArray = function Util_prependToArray(arr1, arr2) { |
|
765
|
|
|
Array.prototype.unshift.apply(arr1, arr2); |
|
766
|
|
|
}; |
|
767
|
|
|
|
|
768
|
|
|
Util.extendObj = function extendObj(obj1, obj2) { |
|
769
|
|
|
for (var key in obj2) { |
|
|
|
|
|
|
770
|
|
|
obj1[key] = obj2[key]; |
|
771
|
|
|
} |
|
772
|
|
|
}; |
|
773
|
|
|
|
|
774
|
|
|
Util.getInheritableProperty = function Util_getInheritableProperty(dict, |
|
775
|
|
|
name) { |
|
776
|
|
|
while (dict && !dict.has(name)) { |
|
777
|
|
|
dict = dict.get('Parent'); |
|
778
|
|
|
} |
|
779
|
|
|
if (!dict) { |
|
780
|
|
|
return null; |
|
781
|
|
|
} |
|
782
|
|
|
return dict.get(name); |
|
783
|
|
|
}; |
|
784
|
|
|
|
|
785
|
|
|
Util.inherit = function Util_inherit(sub, base, prototype) { |
|
786
|
|
|
sub.prototype = Object.create(base.prototype); |
|
787
|
|
|
sub.prototype.constructor = sub; |
|
788
|
|
|
for (var prop in prototype) { |
|
|
|
|
|
|
789
|
|
|
sub.prototype[prop] = prototype[prop]; |
|
790
|
|
|
} |
|
791
|
|
|
}; |
|
792
|
|
|
|
|
793
|
|
|
Util.loadScript = function Util_loadScript(src, callback) { |
|
794
|
|
|
var script = document.createElement('script'); |
|
795
|
|
|
var loaded = false; |
|
796
|
|
|
script.setAttribute('src', src); |
|
797
|
|
|
if (callback) { |
|
798
|
|
|
script.onload = function() { |
|
799
|
|
|
if (!loaded) { |
|
800
|
|
|
callback(); |
|
801
|
|
|
} |
|
802
|
|
|
loaded = true; |
|
803
|
|
|
}; |
|
804
|
|
|
} |
|
805
|
|
|
document.getElementsByTagName('head')[0].appendChild(script); |
|
806
|
|
|
}; |
|
807
|
|
|
|
|
808
|
|
|
return Util; |
|
809
|
|
|
})(); |
|
810
|
|
|
|
|
811
|
|
|
/** |
|
812
|
|
|
* PDF page viewport created based on scale, rotation and offset. |
|
813
|
|
|
* @class |
|
814
|
|
|
* @alias PDFJS.PageViewport |
|
815
|
|
|
*/ |
|
816
|
|
|
var PageViewport = PDFJS.PageViewport = (function PageViewportClosure() { |
|
817
|
|
|
/** |
|
818
|
|
|
* @constructor |
|
819
|
|
|
* @private |
|
820
|
|
|
* @param viewBox {Array} xMin, yMin, xMax and yMax coordinates. |
|
821
|
|
|
* @param scale {number} scale of the viewport. |
|
822
|
|
|
* @param rotation {number} rotations of the viewport in degrees. |
|
823
|
|
|
* @param offsetX {number} offset X |
|
824
|
|
|
* @param offsetY {number} offset Y |
|
825
|
|
|
* @param dontFlip {boolean} if true, axis Y will not be flipped. |
|
826
|
|
|
*/ |
|
827
|
|
|
function PageViewport(viewBox, scale, rotation, offsetX, offsetY, dontFlip) { |
|
828
|
|
|
this.viewBox = viewBox; |
|
829
|
|
|
this.scale = scale; |
|
830
|
|
|
this.rotation = rotation; |
|
831
|
|
|
this.offsetX = offsetX; |
|
832
|
|
|
this.offsetY = offsetY; |
|
833
|
|
|
|
|
834
|
|
|
// creating transform to convert pdf coordinate system to the normal |
|
835
|
|
|
// canvas like coordinates taking in account scale and rotation |
|
836
|
|
|
var centerX = (viewBox[2] + viewBox[0]) / 2; |
|
837
|
|
|
var centerY = (viewBox[3] + viewBox[1]) / 2; |
|
838
|
|
|
var rotateA, rotateB, rotateC, rotateD; |
|
839
|
|
|
rotation = rotation % 360; |
|
840
|
|
|
rotation = rotation < 0 ? rotation + 360 : rotation; |
|
841
|
|
|
switch (rotation) { |
|
842
|
|
|
case 180: |
|
843
|
|
|
rotateA = -1; rotateB = 0; rotateC = 0; rotateD = 1; |
|
844
|
|
|
break; |
|
845
|
|
|
case 90: |
|
846
|
|
|
rotateA = 0; rotateB = 1; rotateC = 1; rotateD = 0; |
|
847
|
|
|
break; |
|
848
|
|
|
case 270: |
|
849
|
|
|
rotateA = 0; rotateB = -1; rotateC = -1; rotateD = 0; |
|
850
|
|
|
break; |
|
851
|
|
|
//case 0: |
|
852
|
|
|
default: |
|
853
|
|
|
rotateA = 1; rotateB = 0; rotateC = 0; rotateD = -1; |
|
854
|
|
|
break; |
|
855
|
|
|
} |
|
856
|
|
|
|
|
857
|
|
|
if (dontFlip) { |
|
858
|
|
|
rotateC = -rotateC; rotateD = -rotateD; |
|
859
|
|
|
} |
|
860
|
|
|
|
|
861
|
|
|
var offsetCanvasX, offsetCanvasY; |
|
862
|
|
|
var width, height; |
|
863
|
|
|
if (rotateA === 0) { |
|
864
|
|
|
offsetCanvasX = Math.abs(centerY - viewBox[1]) * scale + offsetX; |
|
865
|
|
|
offsetCanvasY = Math.abs(centerX - viewBox[0]) * scale + offsetY; |
|
866
|
|
|
width = Math.abs(viewBox[3] - viewBox[1]) * scale; |
|
867
|
|
|
height = Math.abs(viewBox[2] - viewBox[0]) * scale; |
|
868
|
|
|
} else { |
|
869
|
|
|
offsetCanvasX = Math.abs(centerX - viewBox[0]) * scale + offsetX; |
|
870
|
|
|
offsetCanvasY = Math.abs(centerY - viewBox[1]) * scale + offsetY; |
|
871
|
|
|
width = Math.abs(viewBox[2] - viewBox[0]) * scale; |
|
872
|
|
|
height = Math.abs(viewBox[3] - viewBox[1]) * scale; |
|
873
|
|
|
} |
|
874
|
|
|
// creating transform for the following operations: |
|
875
|
|
|
// translate(-centerX, -centerY), rotate and flip vertically, |
|
876
|
|
|
// scale, and translate(offsetCanvasX, offsetCanvasY) |
|
877
|
|
|
this.transform = [ |
|
878
|
|
|
rotateA * scale, |
|
879
|
|
|
rotateB * scale, |
|
880
|
|
|
rotateC * scale, |
|
881
|
|
|
rotateD * scale, |
|
882
|
|
|
offsetCanvasX - rotateA * scale * centerX - rotateC * scale * centerY, |
|
883
|
|
|
offsetCanvasY - rotateB * scale * centerX - rotateD * scale * centerY |
|
884
|
|
|
]; |
|
885
|
|
|
|
|
886
|
|
|
this.width = width; |
|
887
|
|
|
this.height = height; |
|
888
|
|
|
this.fontScale = scale; |
|
889
|
|
|
} |
|
890
|
|
|
PageViewport.prototype = /** @lends PDFJS.PageViewport.prototype */ { |
|
891
|
|
|
/** |
|
892
|
|
|
* Clones viewport with additional properties. |
|
893
|
|
|
* @param args {Object} (optional) If specified, may contain the 'scale' or |
|
894
|
|
|
* 'rotation' properties to override the corresponding properties in |
|
895
|
|
|
* the cloned viewport. |
|
896
|
|
|
* @returns {PDFJS.PageViewport} Cloned viewport. |
|
897
|
|
|
*/ |
|
898
|
|
|
clone: function PageViewPort_clone(args) { |
|
899
|
|
|
args = args || {}; |
|
900
|
|
|
var scale = 'scale' in args ? args.scale : this.scale; |
|
901
|
|
|
var rotation = 'rotation' in args ? args.rotation : this.rotation; |
|
902
|
|
|
return new PageViewport(this.viewBox.slice(), scale, rotation, |
|
903
|
|
|
this.offsetX, this.offsetY, args.dontFlip); |
|
904
|
|
|
}, |
|
905
|
|
|
/** |
|
906
|
|
|
* Converts PDF point to the viewport coordinates. For examples, useful for |
|
907
|
|
|
* converting PDF location into canvas pixel coordinates. |
|
908
|
|
|
* @param x {number} X coordinate. |
|
909
|
|
|
* @param y {number} Y coordinate. |
|
910
|
|
|
* @returns {Object} Object that contains 'x' and 'y' properties of the |
|
911
|
|
|
* point in the viewport coordinate space. |
|
912
|
|
|
* @see {@link convertToPdfPoint} |
|
913
|
|
|
* @see {@link convertToViewportRectangle} |
|
914
|
|
|
*/ |
|
915
|
|
|
convertToViewportPoint: function PageViewport_convertToViewportPoint(x, y) { |
|
916
|
|
|
return Util.applyTransform([x, y], this.transform); |
|
917
|
|
|
}, |
|
918
|
|
|
/** |
|
919
|
|
|
* Converts PDF rectangle to the viewport coordinates. |
|
920
|
|
|
* @param rect {Array} xMin, yMin, xMax and yMax coordinates. |
|
921
|
|
|
* @returns {Array} Contains corresponding coordinates of the rectangle |
|
922
|
|
|
* in the viewport coordinate space. |
|
923
|
|
|
* @see {@link convertToViewportPoint} |
|
924
|
|
|
*/ |
|
925
|
|
|
convertToViewportRectangle: |
|
926
|
|
|
function PageViewport_convertToViewportRectangle(rect) { |
|
927
|
|
|
var tl = Util.applyTransform([rect[0], rect[1]], this.transform); |
|
928
|
|
|
var br = Util.applyTransform([rect[2], rect[3]], this.transform); |
|
929
|
|
|
return [tl[0], tl[1], br[0], br[1]]; |
|
930
|
|
|
}, |
|
931
|
|
|
/** |
|
932
|
|
|
* Converts viewport coordinates to the PDF location. For examples, useful |
|
933
|
|
|
* for converting canvas pixel location into PDF one. |
|
934
|
|
|
* @param x {number} X coordinate. |
|
935
|
|
|
* @param y {number} Y coordinate. |
|
936
|
|
|
* @returns {Object} Object that contains 'x' and 'y' properties of the |
|
937
|
|
|
* point in the PDF coordinate space. |
|
938
|
|
|
* @see {@link convertToViewportPoint} |
|
939
|
|
|
*/ |
|
940
|
|
|
convertToPdfPoint: function PageViewport_convertToPdfPoint(x, y) { |
|
941
|
|
|
return Util.applyInverseTransform([x, y], this.transform); |
|
942
|
|
|
} |
|
943
|
|
|
}; |
|
944
|
|
|
return PageViewport; |
|
945
|
|
|
})(); |
|
946
|
|
|
|
|
947
|
|
|
var PDFStringTranslateTable = [ |
|
948
|
|
|
0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, |
|
949
|
|
|
0x2D8, 0x2C7, 0x2C6, 0x2D9, 0x2DD, 0x2DB, 0x2DA, 0x2DC, 0, 0, 0, 0, 0, 0, 0, |
|
950
|
|
|
0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, |
|
951
|
|
|
0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, |
|
952
|
|
|
0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, |
|
953
|
|
|
0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0x2022, 0x2020, 0x2021, 0x2026, 0x2014, |
|
954
|
|
|
0x2013, 0x192, 0x2044, 0x2039, 0x203A, 0x2212, 0x2030, 0x201E, 0x201C, |
|
955
|
|
|
0x201D, 0x2018, 0x2019, 0x201A, 0x2122, 0xFB01, 0xFB02, 0x141, 0x152, 0x160, |
|
956
|
|
|
0x178, 0x17D, 0x131, 0x142, 0x153, 0x161, 0x17E, 0, 0x20AC |
|
957
|
|
|
]; |
|
958
|
|
|
|
|
959
|
|
|
function stringToPDFString(str) { |
|
|
|
|
|
|
960
|
|
|
var i, n = str.length, strBuf = []; |
|
961
|
|
|
if (str[0] === '\xFE' && str[1] === '\xFF') { |
|
962
|
|
|
// UTF16BE BOM |
|
963
|
|
|
for (i = 2; i < n; i += 2) { |
|
964
|
|
|
strBuf.push(String.fromCharCode( |
|
965
|
|
|
(str.charCodeAt(i) << 8) | str.charCodeAt(i + 1))); |
|
966
|
|
|
} |
|
967
|
|
|
} else { |
|
968
|
|
|
for (i = 0; i < n; ++i) { |
|
969
|
|
|
var code = PDFStringTranslateTable[str.charCodeAt(i)]; |
|
970
|
|
|
strBuf.push(code ? String.fromCharCode(code) : str.charAt(i)); |
|
971
|
|
|
} |
|
972
|
|
|
} |
|
973
|
|
|
return strBuf.join(''); |
|
974
|
|
|
} |
|
975
|
|
|
|
|
976
|
|
|
function stringToUTF8String(str) { |
|
|
|
|
|
|
977
|
|
|
return decodeURIComponent(escape(str)); |
|
978
|
|
|
} |
|
979
|
|
|
|
|
980
|
|
|
function isEmptyObj(obj) { |
|
|
|
|
|
|
981
|
|
|
for (var key in obj) { |
|
982
|
|
|
return false; |
|
983
|
|
|
} |
|
984
|
|
|
return true; |
|
985
|
|
|
} |
|
986
|
|
|
|
|
987
|
|
|
function isBool(v) { |
|
|
|
|
|
|
988
|
|
|
return typeof v === 'boolean'; |
|
989
|
|
|
} |
|
990
|
|
|
|
|
991
|
|
|
function isInt(v) { |
|
|
|
|
|
|
992
|
|
|
return typeof v === 'number' && ((v | 0) === v); |
|
993
|
|
|
} |
|
994
|
|
|
|
|
995
|
|
|
function isNum(v) { |
|
996
|
|
|
return typeof v === 'number'; |
|
997
|
|
|
} |
|
998
|
|
|
|
|
999
|
|
|
function isString(v) { |
|
|
|
|
|
|
1000
|
|
|
return typeof v === 'string'; |
|
1001
|
|
|
} |
|
1002
|
|
|
|
|
1003
|
|
|
function isName(v) { |
|
1004
|
|
|
return v instanceof Name; |
|
1005
|
|
|
} |
|
1006
|
|
|
|
|
1007
|
|
|
function isCmd(v, cmd) { |
|
|
|
|
|
|
1008
|
|
|
return v instanceof Cmd && (cmd === undefined || v.cmd === cmd); |
|
1009
|
|
|
} |
|
1010
|
|
|
|
|
1011
|
|
|
function isDict(v, type) { |
|
|
|
|
|
|
1012
|
|
|
if (!(v instanceof Dict)) { |
|
1013
|
|
|
return false; |
|
1014
|
|
|
} |
|
1015
|
|
|
if (!type) { |
|
1016
|
|
|
return true; |
|
1017
|
|
|
} |
|
1018
|
|
|
var dictType = v.get('Type'); |
|
1019
|
|
|
return isName(dictType) && dictType.name === type; |
|
1020
|
|
|
} |
|
1021
|
|
|
|
|
1022
|
|
|
function isArray(v) { |
|
1023
|
|
|
return v instanceof Array; |
|
1024
|
|
|
} |
|
1025
|
|
|
|
|
1026
|
|
|
function isStream(v) { |
|
|
|
|
|
|
1027
|
|
|
return typeof v === 'object' && v !== null && v.getBytes !== undefined; |
|
1028
|
|
|
} |
|
1029
|
|
|
|
|
1030
|
|
|
function isArrayBuffer(v) { |
|
1031
|
|
|
return typeof v === 'object' && v !== null && v.byteLength !== undefined; |
|
1032
|
|
|
} |
|
1033
|
|
|
|
|
1034
|
|
|
function isRef(v) { |
|
|
|
|
|
|
1035
|
|
|
return v instanceof Ref; |
|
1036
|
|
|
} |
|
1037
|
|
|
|
|
1038
|
|
|
/** |
|
1039
|
|
|
* Promise Capability object. |
|
1040
|
|
|
* |
|
1041
|
|
|
* @typedef {Object} PromiseCapability |
|
1042
|
|
|
* @property {Promise} promise - A promise object. |
|
1043
|
|
|
* @property {function} resolve - Fullfills the promise. |
|
1044
|
|
|
* @property {function} reject - Rejects the promise. |
|
1045
|
|
|
*/ |
|
1046
|
|
|
|
|
1047
|
|
|
/** |
|
1048
|
|
|
* Creates a promise capability object. |
|
1049
|
|
|
* @alias PDFJS.createPromiseCapability |
|
1050
|
|
|
* |
|
1051
|
|
|
* @return {PromiseCapability} A capability object contains: |
|
1052
|
|
|
* - a Promise, resolve and reject methods. |
|
1053
|
|
|
*/ |
|
1054
|
|
|
function createPromiseCapability() { |
|
1055
|
|
|
var capability = {}; |
|
1056
|
|
|
capability.promise = new Promise(function (resolve, reject) { |
|
1057
|
|
|
capability.resolve = resolve; |
|
1058
|
|
|
capability.reject = reject; |
|
1059
|
|
|
}); |
|
1060
|
|
|
return capability; |
|
1061
|
|
|
} |
|
1062
|
|
|
|
|
1063
|
|
|
PDFJS.createPromiseCapability = createPromiseCapability; |
|
1064
|
|
|
|
|
1065
|
|
|
/** |
|
1066
|
|
|
* Polyfill for Promises: |
|
1067
|
|
|
* The following promise implementation tries to generally implement the |
|
1068
|
|
|
* Promise/A+ spec. Some notable differences from other promise libaries are: |
|
1069
|
|
|
* - There currently isn't a seperate deferred and promise object. |
|
1070
|
|
|
* - Unhandled rejections eventually show an error if they aren't handled. |
|
1071
|
|
|
* |
|
1072
|
|
|
* Based off of the work in: |
|
1073
|
|
|
* https://bugzilla.mozilla.org/show_bug.cgi?id=810490 |
|
1074
|
|
|
*/ |
|
1075
|
|
|
(function PromiseClosure() { |
|
1076
|
|
|
if (globalScope.Promise) { |
|
1077
|
|
|
// Promises existing in the DOM/Worker, checking presence of all/resolve |
|
1078
|
|
|
if (typeof globalScope.Promise.all !== 'function') { |
|
1079
|
|
|
globalScope.Promise.all = function (iterable) { |
|
1080
|
|
|
var count = 0, results = [], resolve, reject; |
|
1081
|
|
|
var promise = new globalScope.Promise(function (resolve_, reject_) { |
|
1082
|
|
|
resolve = resolve_; |
|
1083
|
|
|
reject = reject_; |
|
1084
|
|
|
}); |
|
1085
|
|
|
iterable.forEach(function (p, i) { |
|
1086
|
|
|
count++; |
|
1087
|
|
|
p.then(function (result) { |
|
1088
|
|
|
results[i] = result; |
|
1089
|
|
|
count--; |
|
1090
|
|
|
if (count === 0) { |
|
1091
|
|
|
resolve(results); |
|
1092
|
|
|
} |
|
1093
|
|
|
}, reject); |
|
1094
|
|
|
}); |
|
1095
|
|
|
if (count === 0) { |
|
1096
|
|
|
resolve(results); |
|
1097
|
|
|
} |
|
1098
|
|
|
return promise; |
|
1099
|
|
|
}; |
|
1100
|
|
|
} |
|
1101
|
|
|
if (typeof globalScope.Promise.resolve !== 'function') { |
|
1102
|
|
|
globalScope.Promise.resolve = function (value) { |
|
1103
|
|
|
return new globalScope.Promise(function (resolve) { resolve(value); }); |
|
1104
|
|
|
}; |
|
1105
|
|
|
} |
|
1106
|
|
|
if (typeof globalScope.Promise.reject !== 'function') { |
|
1107
|
|
|
globalScope.Promise.reject = function (reason) { |
|
1108
|
|
|
return new globalScope.Promise(function (resolve, reject) { |
|
1109
|
|
|
reject(reason); |
|
1110
|
|
|
}); |
|
1111
|
|
|
}; |
|
1112
|
|
|
} |
|
1113
|
|
|
if (typeof globalScope.Promise.prototype.catch !== 'function') { |
|
1114
|
|
|
globalScope.Promise.prototype.catch = function (onReject) { |
|
1115
|
|
|
return globalScope.Promise.prototype.then(undefined, onReject); |
|
1116
|
|
|
}; |
|
1117
|
|
|
} |
|
1118
|
|
|
return; |
|
1119
|
|
|
} |
|
1120
|
|
|
//#if !MOZCENTRAL |
|
1121
|
|
|
var STATUS_PENDING = 0; |
|
1122
|
|
|
var STATUS_RESOLVED = 1; |
|
1123
|
|
|
var STATUS_REJECTED = 2; |
|
1124
|
|
|
|
|
1125
|
|
|
// In an attempt to avoid silent exceptions, unhandled rejections are |
|
1126
|
|
|
// tracked and if they aren't handled in a certain amount of time an |
|
1127
|
|
|
// error is logged. |
|
1128
|
|
|
var REJECTION_TIMEOUT = 500; |
|
1129
|
|
|
|
|
1130
|
|
|
var HandlerManager = { |
|
1131
|
|
|
handlers: [], |
|
1132
|
|
|
running: false, |
|
1133
|
|
|
unhandledRejections: [], |
|
1134
|
|
|
pendingRejectionCheck: false, |
|
1135
|
|
|
|
|
1136
|
|
|
scheduleHandlers: function scheduleHandlers(promise) { |
|
1137
|
|
|
if (promise._status === STATUS_PENDING) { |
|
1138
|
|
|
return; |
|
1139
|
|
|
} |
|
1140
|
|
|
|
|
1141
|
|
|
this.handlers = this.handlers.concat(promise._handlers); |
|
1142
|
|
|
promise._handlers = []; |
|
1143
|
|
|
|
|
1144
|
|
|
if (this.running) { |
|
1145
|
|
|
return; |
|
1146
|
|
|
} |
|
1147
|
|
|
this.running = true; |
|
1148
|
|
|
|
|
1149
|
|
|
setTimeout(this.runHandlers.bind(this), 0); |
|
1150
|
|
|
}, |
|
1151
|
|
|
|
|
1152
|
|
|
runHandlers: function runHandlers() { |
|
1153
|
|
|
var RUN_TIMEOUT = 1; // ms |
|
1154
|
|
|
var timeoutAt = Date.now() + RUN_TIMEOUT; |
|
1155
|
|
|
while (this.handlers.length > 0) { |
|
1156
|
|
|
var handler = this.handlers.shift(); |
|
1157
|
|
|
|
|
1158
|
|
|
var nextStatus = handler.thisPromise._status; |
|
1159
|
|
|
var nextValue = handler.thisPromise._value; |
|
1160
|
|
|
|
|
1161
|
|
|
try { |
|
1162
|
|
|
if (nextStatus === STATUS_RESOLVED) { |
|
1163
|
|
|
if (typeof handler.onResolve === 'function') { |
|
1164
|
|
|
nextValue = handler.onResolve(nextValue); |
|
1165
|
|
|
} |
|
1166
|
|
|
} else if (typeof handler.onReject === 'function') { |
|
1167
|
|
|
nextValue = handler.onReject(nextValue); |
|
1168
|
|
|
nextStatus = STATUS_RESOLVED; |
|
1169
|
|
|
|
|
1170
|
|
|
if (handler.thisPromise._unhandledRejection) { |
|
1171
|
|
|
this.removeUnhandeledRejection(handler.thisPromise); |
|
1172
|
|
|
} |
|
1173
|
|
|
} |
|
1174
|
|
|
} catch (ex) { |
|
1175
|
|
|
nextStatus = STATUS_REJECTED; |
|
1176
|
|
|
nextValue = ex; |
|
1177
|
|
|
} |
|
1178
|
|
|
|
|
1179
|
|
|
handler.nextPromise._updateStatus(nextStatus, nextValue); |
|
1180
|
|
|
if (Date.now() >= timeoutAt) { |
|
1181
|
|
|
break; |
|
1182
|
|
|
} |
|
1183
|
|
|
} |
|
1184
|
|
|
|
|
1185
|
|
|
if (this.handlers.length > 0) { |
|
1186
|
|
|
setTimeout(this.runHandlers.bind(this), 0); |
|
1187
|
|
|
return; |
|
1188
|
|
|
} |
|
1189
|
|
|
|
|
1190
|
|
|
this.running = false; |
|
1191
|
|
|
}, |
|
1192
|
|
|
|
|
1193
|
|
|
addUnhandledRejection: function addUnhandledRejection(promise) { |
|
1194
|
|
|
this.unhandledRejections.push({ |
|
1195
|
|
|
promise: promise, |
|
1196
|
|
|
time: Date.now() |
|
1197
|
|
|
}); |
|
1198
|
|
|
this.scheduleRejectionCheck(); |
|
1199
|
|
|
}, |
|
1200
|
|
|
|
|
1201
|
|
|
removeUnhandeledRejection: function removeUnhandeledRejection(promise) { |
|
1202
|
|
|
promise._unhandledRejection = false; |
|
1203
|
|
|
for (var i = 0; i < this.unhandledRejections.length; i++) { |
|
1204
|
|
|
if (this.unhandledRejections[i].promise === promise) { |
|
1205
|
|
|
this.unhandledRejections.splice(i); |
|
1206
|
|
|
i--; |
|
1207
|
|
|
} |
|
1208
|
|
|
} |
|
1209
|
|
|
}, |
|
1210
|
|
|
|
|
1211
|
|
|
scheduleRejectionCheck: function scheduleRejectionCheck() { |
|
1212
|
|
|
if (this.pendingRejectionCheck) { |
|
1213
|
|
|
return; |
|
1214
|
|
|
} |
|
1215
|
|
|
this.pendingRejectionCheck = true; |
|
1216
|
|
|
setTimeout(function rejectionCheck() { |
|
1217
|
|
|
this.pendingRejectionCheck = false; |
|
1218
|
|
|
var now = Date.now(); |
|
1219
|
|
|
for (var i = 0; i < this.unhandledRejections.length; i++) { |
|
1220
|
|
|
if (now - this.unhandledRejections[i].time > REJECTION_TIMEOUT) { |
|
1221
|
|
|
var unhandled = this.unhandledRejections[i].promise._value; |
|
1222
|
|
|
var msg = 'Unhandled rejection: ' + unhandled; |
|
1223
|
|
|
if (unhandled.stack) { |
|
1224
|
|
|
msg += '\n' + unhandled.stack; |
|
1225
|
|
|
} |
|
1226
|
|
|
warn(msg); |
|
1227
|
|
|
this.unhandledRejections.splice(i); |
|
1228
|
|
|
i--; |
|
1229
|
|
|
} |
|
1230
|
|
|
} |
|
1231
|
|
|
if (this.unhandledRejections.length) { |
|
1232
|
|
|
this.scheduleRejectionCheck(); |
|
1233
|
|
|
} |
|
1234
|
|
|
}.bind(this), REJECTION_TIMEOUT); |
|
1235
|
|
|
} |
|
1236
|
|
|
}; |
|
1237
|
|
|
|
|
1238
|
|
|
function Promise(resolver) { |
|
1239
|
|
|
this._status = STATUS_PENDING; |
|
1240
|
|
|
this._handlers = []; |
|
1241
|
|
|
try { |
|
1242
|
|
|
resolver.call(this, this._resolve.bind(this), this._reject.bind(this)); |
|
1243
|
|
|
} catch (e) { |
|
1244
|
|
|
this._reject(e); |
|
1245
|
|
|
} |
|
1246
|
|
|
} |
|
1247
|
|
|
/** |
|
1248
|
|
|
* Builds a promise that is resolved when all the passed in promises are |
|
1249
|
|
|
* resolved. |
|
1250
|
|
|
* @param {array} array of data and/or promises to wait for. |
|
|
|
|
|
|
1251
|
|
|
* @return {Promise} New dependant promise. |
|
1252
|
|
|
*/ |
|
1253
|
|
|
Promise.all = function Promise_all(promises) { |
|
|
|
|
|
|
1254
|
|
|
var resolveAll, rejectAll; |
|
1255
|
|
|
var deferred = new Promise(function (resolve, reject) { |
|
1256
|
|
|
resolveAll = resolve; |
|
1257
|
|
|
rejectAll = reject; |
|
1258
|
|
|
}); |
|
1259
|
|
|
var unresolved = promises.length; |
|
1260
|
|
|
var results = []; |
|
1261
|
|
|
if (unresolved === 0) { |
|
1262
|
|
|
resolveAll(results); |
|
1263
|
|
|
return deferred; |
|
1264
|
|
|
} |
|
1265
|
|
|
function reject(reason) { |
|
1266
|
|
|
if (deferred._status === STATUS_REJECTED) { |
|
1267
|
|
|
return; |
|
1268
|
|
|
} |
|
1269
|
|
|
results = []; |
|
1270
|
|
|
rejectAll(reason); |
|
1271
|
|
|
} |
|
1272
|
|
|
for (var i = 0, ii = promises.length; i < ii; ++i) { |
|
1273
|
|
|
var promise = promises[i]; |
|
1274
|
|
|
var resolve = (function(i) { |
|
1275
|
|
|
return function(value) { |
|
1276
|
|
|
if (deferred._status === STATUS_REJECTED) { |
|
1277
|
|
|
return; |
|
1278
|
|
|
} |
|
1279
|
|
|
results[i] = value; |
|
1280
|
|
|
unresolved--; |
|
1281
|
|
|
if (unresolved === 0) { |
|
|
|
|
|
|
1282
|
|
|
resolveAll(results); |
|
1283
|
|
|
} |
|
1284
|
|
|
}; |
|
1285
|
|
|
})(i); |
|
1286
|
|
|
if (Promise.isPromise(promise)) { |
|
1287
|
|
|
promise.then(resolve, reject); |
|
1288
|
|
|
} else { |
|
1289
|
|
|
resolve(promise); |
|
1290
|
|
|
} |
|
1291
|
|
|
} |
|
1292
|
|
|
return deferred; |
|
1293
|
|
|
}; |
|
1294
|
|
|
|
|
1295
|
|
|
/** |
|
1296
|
|
|
* Checks if the value is likely a promise (has a 'then' function). |
|
1297
|
|
|
* @return {boolean} true if value is thenable |
|
1298
|
|
|
*/ |
|
1299
|
|
|
Promise.isPromise = function Promise_isPromise(value) { |
|
|
|
|
|
|
1300
|
|
|
return value && typeof value.then === 'function'; |
|
1301
|
|
|
}; |
|
1302
|
|
|
|
|
1303
|
|
|
/** |
|
1304
|
|
|
* Creates resolved promise |
|
1305
|
|
|
* @param value resolve value |
|
1306
|
|
|
* @returns {Promise} |
|
1307
|
|
|
*/ |
|
1308
|
|
|
Promise.resolve = function Promise_resolve(value) { |
|
|
|
|
|
|
1309
|
|
|
return new Promise(function (resolve) { resolve(value); }); |
|
1310
|
|
|
}; |
|
1311
|
|
|
|
|
1312
|
|
|
/** |
|
1313
|
|
|
* Creates rejected promise |
|
1314
|
|
|
* @param reason rejection value |
|
1315
|
|
|
* @returns {Promise} |
|
1316
|
|
|
*/ |
|
1317
|
|
|
Promise.reject = function Promise_reject(reason) { |
|
|
|
|
|
|
1318
|
|
|
return new Promise(function (resolve, reject) { reject(reason); }); |
|
1319
|
|
|
}; |
|
1320
|
|
|
|
|
1321
|
|
|
Promise.prototype = { |
|
|
|
|
|
|
1322
|
|
|
_status: null, |
|
1323
|
|
|
_value: null, |
|
1324
|
|
|
_handlers: null, |
|
1325
|
|
|
_unhandledRejection: null, |
|
1326
|
|
|
|
|
1327
|
|
|
_updateStatus: function Promise__updateStatus(status, value) { |
|
1328
|
|
|
if (this._status === STATUS_RESOLVED || |
|
1329
|
|
|
this._status === STATUS_REJECTED) { |
|
1330
|
|
|
return; |
|
1331
|
|
|
} |
|
1332
|
|
|
|
|
1333
|
|
|
if (status === STATUS_RESOLVED && |
|
1334
|
|
|
Promise.isPromise(value)) { |
|
1335
|
|
|
value.then(this._updateStatus.bind(this, STATUS_RESOLVED), |
|
1336
|
|
|
this._updateStatus.bind(this, STATUS_REJECTED)); |
|
1337
|
|
|
return; |
|
1338
|
|
|
} |
|
1339
|
|
|
|
|
1340
|
|
|
this._status = status; |
|
1341
|
|
|
this._value = value; |
|
1342
|
|
|
|
|
1343
|
|
|
if (status === STATUS_REJECTED && this._handlers.length === 0) { |
|
1344
|
|
|
this._unhandledRejection = true; |
|
1345
|
|
|
HandlerManager.addUnhandledRejection(this); |
|
1346
|
|
|
} |
|
1347
|
|
|
|
|
1348
|
|
|
HandlerManager.scheduleHandlers(this); |
|
1349
|
|
|
}, |
|
1350
|
|
|
|
|
1351
|
|
|
_resolve: function Promise_resolve(value) { |
|
1352
|
|
|
this._updateStatus(STATUS_RESOLVED, value); |
|
1353
|
|
|
}, |
|
1354
|
|
|
|
|
1355
|
|
|
_reject: function Promise_reject(reason) { |
|
1356
|
|
|
this._updateStatus(STATUS_REJECTED, reason); |
|
1357
|
|
|
}, |
|
1358
|
|
|
|
|
1359
|
|
|
then: function Promise_then(onResolve, onReject) { |
|
1360
|
|
|
var nextPromise = new Promise(function (resolve, reject) { |
|
1361
|
|
|
this.resolve = resolve; |
|
1362
|
|
|
this.reject = reject; |
|
1363
|
|
|
}); |
|
1364
|
|
|
this._handlers.push({ |
|
1365
|
|
|
thisPromise: this, |
|
1366
|
|
|
onResolve: onResolve, |
|
1367
|
|
|
onReject: onReject, |
|
1368
|
|
|
nextPromise: nextPromise |
|
1369
|
|
|
}); |
|
1370
|
|
|
HandlerManager.scheduleHandlers(this); |
|
1371
|
|
|
return nextPromise; |
|
1372
|
|
|
}, |
|
1373
|
|
|
|
|
1374
|
|
|
catch: function Promise_catch(onReject) { |
|
1375
|
|
|
return this.then(undefined, onReject); |
|
1376
|
|
|
} |
|
1377
|
|
|
}; |
|
1378
|
|
|
|
|
1379
|
|
|
globalScope.Promise = Promise; |
|
1380
|
|
|
//#else |
|
1381
|
|
|
//throw new Error('DOM Promise is not present'); |
|
1382
|
|
|
//#endif |
|
1383
|
|
|
})(); |
|
1384
|
|
|
|
|
1385
|
|
|
var StatTimer = (function StatTimerClosure() { |
|
1386
|
|
|
function rpad(str, pad, length) { |
|
1387
|
|
|
while (str.length < length) { |
|
1388
|
|
|
str += pad; |
|
1389
|
|
|
} |
|
1390
|
|
|
return str; |
|
1391
|
|
|
} |
|
1392
|
|
|
function StatTimer() { |
|
1393
|
|
|
this.started = {}; |
|
1394
|
|
|
this.times = []; |
|
1395
|
|
|
this.enabled = true; |
|
1396
|
|
|
} |
|
1397
|
|
|
StatTimer.prototype = { |
|
1398
|
|
|
time: function StatTimer_time(name) { |
|
1399
|
|
|
if (!this.enabled) { |
|
1400
|
|
|
return; |
|
1401
|
|
|
} |
|
1402
|
|
|
if (name in this.started) { |
|
1403
|
|
|
warn('Timer is already running for ' + name); |
|
1404
|
|
|
} |
|
1405
|
|
|
this.started[name] = Date.now(); |
|
1406
|
|
|
}, |
|
1407
|
|
|
timeEnd: function StatTimer_timeEnd(name) { |
|
1408
|
|
|
if (!this.enabled) { |
|
1409
|
|
|
return; |
|
1410
|
|
|
} |
|
1411
|
|
|
if (!(name in this.started)) { |
|
1412
|
|
|
warn('Timer has not been started for ' + name); |
|
1413
|
|
|
} |
|
1414
|
|
|
this.times.push({ |
|
1415
|
|
|
'name': name, |
|
1416
|
|
|
'start': this.started[name], |
|
1417
|
|
|
'end': Date.now() |
|
1418
|
|
|
}); |
|
1419
|
|
|
// Remove timer from started so it can be called again. |
|
1420
|
|
|
delete this.started[name]; |
|
1421
|
|
|
}, |
|
1422
|
|
|
toString: function StatTimer_toString() { |
|
1423
|
|
|
var i, ii; |
|
1424
|
|
|
var times = this.times; |
|
1425
|
|
|
var out = ''; |
|
1426
|
|
|
// Find the longest name for padding purposes. |
|
1427
|
|
|
var longest = 0; |
|
1428
|
|
|
for (i = 0, ii = times.length; i < ii; ++i) { |
|
1429
|
|
|
var name = times[i]['name']; |
|
1430
|
|
|
if (name.length > longest) { |
|
1431
|
|
|
longest = name.length; |
|
1432
|
|
|
} |
|
1433
|
|
|
} |
|
1434
|
|
|
for (i = 0, ii = times.length; i < ii; ++i) { |
|
1435
|
|
|
var span = times[i]; |
|
1436
|
|
|
var duration = span.end - span.start; |
|
1437
|
|
|
out += rpad(span['name'], ' ', longest) + ' ' + duration + 'ms\n'; |
|
1438
|
|
|
} |
|
1439
|
|
|
return out; |
|
1440
|
|
|
} |
|
1441
|
|
|
}; |
|
1442
|
|
|
return StatTimer; |
|
1443
|
|
|
})(); |
|
1444
|
|
|
|
|
1445
|
|
|
PDFJS.createBlob = function createBlob(data, contentType) { |
|
1446
|
|
|
if (typeof Blob !== 'undefined') { |
|
|
|
|
|
|
1447
|
|
|
return new Blob([data], { type: contentType }); |
|
1448
|
|
|
} |
|
1449
|
|
|
// Blob builder is deprecated in FF14 and removed in FF18. |
|
1450
|
|
|
var bb = new MozBlobBuilder(); |
|
1451
|
|
|
bb.append(data); |
|
1452
|
|
|
return bb.getBlob(contentType); |
|
1453
|
|
|
}; |
|
1454
|
|
|
|
|
1455
|
|
|
PDFJS.createObjectURL = (function createObjectURLClosure() { |
|
1456
|
|
|
// Blob/createObjectURL is not available, falling back to data schema. |
|
1457
|
|
|
var digits = |
|
1458
|
|
|
'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/='; |
|
1459
|
|
|
|
|
1460
|
|
|
return function createObjectURL(data, contentType) { |
|
1461
|
|
|
if (!PDFJS.disableCreateObjectURL && |
|
1462
|
|
|
typeof URL !== 'undefined' && URL.createObjectURL) { |
|
1463
|
|
|
var blob = PDFJS.createBlob(data, contentType); |
|
1464
|
|
|
return URL.createObjectURL(blob); |
|
1465
|
|
|
} |
|
1466
|
|
|
|
|
1467
|
|
|
var buffer = 'data:' + contentType + ';base64,'; |
|
1468
|
|
|
for (var i = 0, ii = data.length; i < ii; i += 3) { |
|
1469
|
|
|
var b1 = data[i] & 0xFF; |
|
1470
|
|
|
var b2 = data[i + 1] & 0xFF; |
|
1471
|
|
|
var b3 = data[i + 2] & 0xFF; |
|
1472
|
|
|
var d1 = b1 >> 2, d2 = ((b1 & 3) << 4) | (b2 >> 4); |
|
1473
|
|
|
var d3 = i + 1 < ii ? ((b2 & 0xF) << 2) | (b3 >> 6) : 64; |
|
1474
|
|
|
var d4 = i + 2 < ii ? (b3 & 0x3F) : 64; |
|
1475
|
|
|
buffer += digits[d1] + digits[d2] + digits[d3] + digits[d4]; |
|
1476
|
|
|
} |
|
1477
|
|
|
return buffer; |
|
1478
|
|
|
}; |
|
1479
|
|
|
})(); |
|
1480
|
|
|
|
|
1481
|
|
|
function MessageHandler(name, comObj) { |
|
1482
|
|
|
this.name = name; |
|
1483
|
|
|
this.comObj = comObj; |
|
1484
|
|
|
this.callbackIndex = 1; |
|
1485
|
|
|
this.postMessageTransfers = true; |
|
1486
|
|
|
var callbacksCapabilities = this.callbacksCapabilities = {}; |
|
1487
|
|
|
var ah = this.actionHandler = {}; |
|
1488
|
|
|
|
|
1489
|
|
|
ah['console_log'] = [function ahConsoleLog(data) { |
|
1490
|
|
|
console.log.apply(console, data); |
|
1491
|
|
|
}]; |
|
1492
|
|
|
ah['console_error'] = [function ahConsoleError(data) { |
|
1493
|
|
|
console.error.apply(console, data); |
|
1494
|
|
|
}]; |
|
1495
|
|
|
ah['_unsupported_feature'] = [function ah_unsupportedFeature(data) { |
|
1496
|
|
|
UnsupportedManager.notify(data); |
|
1497
|
|
|
}]; |
|
1498
|
|
|
|
|
1499
|
|
|
comObj.onmessage = function messageHandlerComObjOnMessage(event) { |
|
1500
|
|
|
var data = event.data; |
|
1501
|
|
|
if (data.isReply) { |
|
1502
|
|
|
var callbackId = data.callbackId; |
|
1503
|
|
|
if (data.callbackId in callbacksCapabilities) { |
|
1504
|
|
|
var callback = callbacksCapabilities[callbackId]; |
|
1505
|
|
|
delete callbacksCapabilities[callbackId]; |
|
1506
|
|
|
if ('error' in data) { |
|
1507
|
|
|
callback.reject(data.error); |
|
1508
|
|
|
} else { |
|
1509
|
|
|
callback.resolve(data.data); |
|
1510
|
|
|
} |
|
1511
|
|
|
} else { |
|
1512
|
|
|
error('Cannot resolve callback ' + callbackId); |
|
1513
|
|
|
} |
|
1514
|
|
|
} else if (data.action in ah) { |
|
1515
|
|
|
var action = ah[data.action]; |
|
1516
|
|
|
if (data.callbackId) { |
|
1517
|
|
|
Promise.resolve().then(function () { |
|
1518
|
|
|
return action[0].call(action[1], data.data); |
|
1519
|
|
|
}).then(function (result) { |
|
1520
|
|
|
comObj.postMessage({ |
|
1521
|
|
|
isReply: true, |
|
1522
|
|
|
callbackId: data.callbackId, |
|
1523
|
|
|
data: result |
|
1524
|
|
|
}); |
|
1525
|
|
|
}, function (reason) { |
|
1526
|
|
|
comObj.postMessage({ |
|
1527
|
|
|
isReply: true, |
|
1528
|
|
|
callbackId: data.callbackId, |
|
1529
|
|
|
error: reason |
|
1530
|
|
|
}); |
|
1531
|
|
|
}); |
|
1532
|
|
|
} else { |
|
1533
|
|
|
action[0].call(action[1], data.data); |
|
1534
|
|
|
} |
|
1535
|
|
|
} else { |
|
1536
|
|
|
error('Unknown action from worker: ' + data.action); |
|
1537
|
|
|
} |
|
1538
|
|
|
}; |
|
1539
|
|
|
} |
|
1540
|
|
|
|
|
1541
|
|
|
MessageHandler.prototype = { |
|
1542
|
|
|
on: function messageHandlerOn(actionName, handler, scope) { |
|
1543
|
|
|
var ah = this.actionHandler; |
|
1544
|
|
|
if (ah[actionName]) { |
|
1545
|
|
|
error('There is already an actionName called "' + actionName + '"'); |
|
1546
|
|
|
} |
|
1547
|
|
|
ah[actionName] = [handler, scope]; |
|
1548
|
|
|
}, |
|
1549
|
|
|
/** |
|
1550
|
|
|
* Sends a message to the comObj to invoke the action with the supplied data. |
|
1551
|
|
|
* @param {String} actionName Action to call. |
|
1552
|
|
|
* @param {JSON} data JSON data to send. |
|
1553
|
|
|
* @param {Array} [transfers] Optional list of transfers/ArrayBuffers |
|
1554
|
|
|
*/ |
|
1555
|
|
|
send: function messageHandlerSend(actionName, data, transfers) { |
|
1556
|
|
|
var message = { |
|
1557
|
|
|
action: actionName, |
|
1558
|
|
|
data: data |
|
1559
|
|
|
}; |
|
1560
|
|
|
this.postMessage(message, transfers); |
|
1561
|
|
|
}, |
|
1562
|
|
|
/** |
|
1563
|
|
|
* Sends a message to the comObj to invoke the action with the supplied data. |
|
1564
|
|
|
* Expects that other side will callback with the response. |
|
1565
|
|
|
* @param {String} actionName Action to call. |
|
1566
|
|
|
* @param {JSON} data JSON data to send. |
|
1567
|
|
|
* @param {Array} [transfers] Optional list of transfers/ArrayBuffers. |
|
1568
|
|
|
* @returns {Promise} Promise to be resolved with response data. |
|
1569
|
|
|
*/ |
|
1570
|
|
|
sendWithPromise: |
|
1571
|
|
|
function messageHandlerSendWithPromise(actionName, data, transfers) { |
|
1572
|
|
|
var callbackId = this.callbackIndex++; |
|
|
|
|
|
|
1573
|
|
|
var message = { |
|
1574
|
|
|
action: actionName, |
|
1575
|
|
|
data: data, |
|
1576
|
|
|
callbackId: callbackId |
|
1577
|
|
|
}; |
|
1578
|
|
|
var capability = createPromiseCapability(); |
|
1579
|
|
|
this.callbacksCapabilities[callbackId] = capability; |
|
1580
|
|
|
try { |
|
1581
|
|
|
this.postMessage(message, transfers); |
|
1582
|
|
|
} catch (e) { |
|
1583
|
|
|
capability.reject(e); |
|
1584
|
|
|
} |
|
1585
|
|
|
return capability.promise; |
|
1586
|
|
|
}, |
|
1587
|
|
|
/** |
|
1588
|
|
|
* Sends raw message to the comObj. |
|
1589
|
|
|
* @private |
|
1590
|
|
|
* @param message {Object} Raw message. |
|
1591
|
|
|
* @param transfers List of transfers/ArrayBuffers, or undefined. |
|
1592
|
|
|
*/ |
|
1593
|
|
|
postMessage: function (message, transfers) { |
|
1594
|
|
|
if (transfers && this.postMessageTransfers) { |
|
1595
|
|
|
this.comObj.postMessage(message, transfers); |
|
1596
|
|
|
} else { |
|
1597
|
|
|
this.comObj.postMessage(message); |
|
1598
|
|
|
} |
|
1599
|
|
|
} |
|
1600
|
|
|
}; |
|
1601
|
|
|
|
|
1602
|
|
|
function loadJpegStream(id, imageUrl, objs) { |
|
1603
|
|
|
var img = new Image(); |
|
|
|
|
|
|
1604
|
|
|
img.onload = (function loadJpegStream_onloadClosure() { |
|
1605
|
|
|
objs.resolve(id, img); |
|
1606
|
|
|
}); |
|
1607
|
|
|
img.onerror = (function loadJpegStream_onerrorClosure() { |
|
1608
|
|
|
objs.resolve(id, null); |
|
1609
|
|
|
warn('Error during JPEG image loading'); |
|
1610
|
|
|
}); |
|
1611
|
|
|
img.src = imageUrl; |
|
1612
|
|
|
} |
|
1613
|
|
|
|
|
1614
|
|
|
|
|
1615
|
|
|
/** |
|
1616
|
|
|
* The maximum allowed image size in total pixels e.g. width * height. Images |
|
1617
|
|
|
* above this value will not be drawn. Use -1 for no limit. |
|
1618
|
|
|
* @var {number} |
|
1619
|
|
|
*/ |
|
1620
|
|
|
PDFJS.maxImageSize = (PDFJS.maxImageSize === undefined ? |
|
1621
|
|
|
-1 : PDFJS.maxImageSize); |
|
1622
|
|
|
|
|
1623
|
|
|
/** |
|
1624
|
|
|
* The url of where the predefined Adobe CMaps are located. Include trailing |
|
1625
|
|
|
* slash. |
|
1626
|
|
|
* @var {string} |
|
1627
|
|
|
*/ |
|
1628
|
|
|
PDFJS.cMapUrl = (PDFJS.cMapUrl === undefined ? null : PDFJS.cMapUrl); |
|
1629
|
|
|
|
|
1630
|
|
|
/** |
|
1631
|
|
|
* Specifies if CMaps are binary packed. |
|
1632
|
|
|
* @var {boolean} |
|
1633
|
|
|
*/ |
|
1634
|
|
|
PDFJS.cMapPacked = PDFJS.cMapPacked === undefined ? false : PDFJS.cMapPacked; |
|
1635
|
|
|
|
|
1636
|
|
|
/** |
|
1637
|
|
|
* By default fonts are converted to OpenType fonts and loaded via font face |
|
1638
|
|
|
* rules. If disabled, the font will be rendered using a built in font renderer |
|
1639
|
|
|
* that constructs the glyphs with primitive path commands. |
|
1640
|
|
|
* @var {boolean} |
|
1641
|
|
|
*/ |
|
1642
|
|
|
PDFJS.disableFontFace = (PDFJS.disableFontFace === undefined ? |
|
1643
|
|
|
false : PDFJS.disableFontFace); |
|
1644
|
|
|
|
|
1645
|
|
|
/** |
|
1646
|
|
|
* Path for image resources, mainly for annotation icons. Include trailing |
|
1647
|
|
|
* slash. |
|
1648
|
|
|
* @var {string} |
|
1649
|
|
|
*/ |
|
1650
|
|
|
PDFJS.imageResourcesPath = (PDFJS.imageResourcesPath === undefined ? |
|
1651
|
|
|
'' : PDFJS.imageResourcesPath); |
|
1652
|
|
|
|
|
1653
|
|
|
/** |
|
1654
|
|
|
* Disable the web worker and run all code on the main thread. This will happen |
|
1655
|
|
|
* automatically if the browser doesn't support workers or sending typed arrays |
|
1656
|
|
|
* to workers. |
|
1657
|
|
|
* @var {boolean} |
|
1658
|
|
|
*/ |
|
1659
|
|
|
PDFJS.disableWorker = (PDFJS.disableWorker === undefined ? |
|
1660
|
|
|
false : PDFJS.disableWorker); |
|
1661
|
|
|
|
|
1662
|
|
|
/** |
|
1663
|
|
|
* Path and filename of the worker file. Required when the worker is enabled in |
|
1664
|
|
|
* development mode. If unspecified in the production build, the worker will be |
|
1665
|
|
|
* loaded based on the location of the pdf.js file. |
|
1666
|
|
|
* @var {string} |
|
1667
|
|
|
*/ |
|
1668
|
|
|
PDFJS.workerSrc = (PDFJS.workerSrc === undefined ? null : PDFJS.workerSrc); |
|
1669
|
|
|
|
|
1670
|
|
|
/** |
|
1671
|
|
|
* Disable range request loading of PDF files. When enabled and if the server |
|
1672
|
|
|
* supports partial content requests then the PDF will be fetched in chunks. |
|
1673
|
|
|
* Enabled (false) by default. |
|
1674
|
|
|
* @var {boolean} |
|
1675
|
|
|
*/ |
|
1676
|
|
|
PDFJS.disableRange = (PDFJS.disableRange === undefined ? |
|
1677
|
|
|
false : PDFJS.disableRange); |
|
1678
|
|
|
|
|
1679
|
|
|
/** |
|
1680
|
|
|
* Disable streaming of PDF file data. By default PDF.js attempts to load PDF |
|
1681
|
|
|
* in chunks. This default behavior can be disabled. |
|
1682
|
|
|
* @var {boolean} |
|
1683
|
|
|
*/ |
|
1684
|
|
|
PDFJS.disableStream = (PDFJS.disableStream === undefined ? |
|
1685
|
|
|
false : PDFJS.disableStream); |
|
1686
|
|
|
|
|
1687
|
|
|
/** |
|
1688
|
|
|
* Disable pre-fetching of PDF file data. When range requests are enabled PDF.js |
|
1689
|
|
|
* will automatically keep fetching more data even if it isn't needed to display |
|
1690
|
|
|
* the current page. This default behavior can be disabled. |
|
1691
|
|
|
* |
|
1692
|
|
|
* NOTE: It is also necessary to disable streaming, see above, |
|
1693
|
|
|
* in order for disabling of pre-fetching to work correctly. |
|
1694
|
|
|
* @var {boolean} |
|
1695
|
|
|
*/ |
|
1696
|
|
|
PDFJS.disableAutoFetch = (PDFJS.disableAutoFetch === undefined ? |
|
1697
|
|
|
false : PDFJS.disableAutoFetch); |
|
1698
|
|
|
|
|
1699
|
|
|
/** |
|
1700
|
|
|
* Enables special hooks for debugging PDF.js. |
|
1701
|
|
|
* @var {boolean} |
|
1702
|
|
|
*/ |
|
1703
|
|
|
PDFJS.pdfBug = (PDFJS.pdfBug === undefined ? false : PDFJS.pdfBug); |
|
1704
|
|
|
|
|
1705
|
|
|
/** |
|
1706
|
|
|
* Enables transfer usage in postMessage for ArrayBuffers. |
|
1707
|
|
|
* @var {boolean} |
|
1708
|
|
|
*/ |
|
1709
|
|
|
PDFJS.postMessageTransfers = (PDFJS.postMessageTransfers === undefined ? |
|
1710
|
|
|
true : PDFJS.postMessageTransfers); |
|
1711
|
|
|
|
|
1712
|
|
|
/** |
|
1713
|
|
|
* Disables URL.createObjectURL usage. |
|
1714
|
|
|
* @var {boolean} |
|
1715
|
|
|
*/ |
|
1716
|
|
|
PDFJS.disableCreateObjectURL = (PDFJS.disableCreateObjectURL === undefined ? |
|
1717
|
|
|
false : PDFJS.disableCreateObjectURL); |
|
1718
|
|
|
|
|
1719
|
|
|
/** |
|
1720
|
|
|
* Disables WebGL usage. |
|
1721
|
|
|
* @var {boolean} |
|
1722
|
|
|
*/ |
|
1723
|
|
|
PDFJS.disableWebGL = (PDFJS.disableWebGL === undefined ? |
|
1724
|
|
|
true : PDFJS.disableWebGL); |
|
1725
|
|
|
|
|
1726
|
|
|
/** |
|
1727
|
|
|
* Disables fullscreen support, and by extension Presentation Mode, |
|
1728
|
|
|
* in browsers which support the fullscreen API. |
|
1729
|
|
|
* @var {boolean} |
|
1730
|
|
|
*/ |
|
1731
|
|
|
PDFJS.disableFullscreen = (PDFJS.disableFullscreen === undefined ? |
|
1732
|
|
|
false : PDFJS.disableFullscreen); |
|
1733
|
|
|
|
|
1734
|
|
|
/** |
|
1735
|
|
|
* Enables CSS only zooming. |
|
1736
|
|
|
* @var {boolean} |
|
1737
|
|
|
*/ |
|
1738
|
|
|
PDFJS.useOnlyCssZoom = (PDFJS.useOnlyCssZoom === undefined ? |
|
1739
|
|
|
false : PDFJS.useOnlyCssZoom); |
|
1740
|
|
|
|
|
1741
|
|
|
/** |
|
1742
|
|
|
* Controls the logging level. |
|
1743
|
|
|
* The constants from PDFJS.VERBOSITY_LEVELS should be used: |
|
1744
|
|
|
* - errors |
|
1745
|
|
|
* - warnings [default] |
|
1746
|
|
|
* - infos |
|
1747
|
|
|
* @var {number} |
|
1748
|
|
|
*/ |
|
1749
|
|
|
PDFJS.verbosity = (PDFJS.verbosity === undefined ? |
|
1750
|
|
|
PDFJS.VERBOSITY_LEVELS.warnings : PDFJS.verbosity); |
|
1751
|
|
|
|
|
1752
|
|
|
/** |
|
1753
|
|
|
* The maximum supported canvas size in total pixels e.g. width * height. |
|
1754
|
|
|
* The default value is 4096 * 4096. Use -1 for no limit. |
|
1755
|
|
|
* @var {number} |
|
1756
|
|
|
*/ |
|
1757
|
|
|
PDFJS.maxCanvasPixels = (PDFJS.maxCanvasPixels === undefined ? |
|
1758
|
|
|
16777216 : PDFJS.maxCanvasPixels); |
|
1759
|
|
|
|
|
1760
|
|
|
/** |
|
1761
|
|
|
* Opens external links in a new window if enabled. The default behavior opens |
|
1762
|
|
|
* external links in the PDF.js window. |
|
1763
|
|
|
* @var {boolean} |
|
1764
|
|
|
*/ |
|
1765
|
|
|
PDFJS.openExternalLinksInNewWindow = ( |
|
1766
|
|
|
PDFJS.openExternalLinksInNewWindow === undefined ? |
|
1767
|
|
|
false : PDFJS.openExternalLinksInNewWindow); |
|
1768
|
|
|
|
|
1769
|
|
|
/** |
|
1770
|
|
|
* Document initialization / loading parameters object. |
|
1771
|
|
|
* |
|
1772
|
|
|
* @typedef {Object} DocumentInitParameters |
|
1773
|
|
|
* @property {string} url - The URL of the PDF. |
|
1774
|
|
|
* @property {TypedArray|Array|string} data - Binary PDF data. Use typed arrays |
|
1775
|
|
|
* (Uint8Array) to improve the memory usage. If PDF data is BASE64-encoded, |
|
1776
|
|
|
* use atob() to convert it to a binary string first. |
|
1777
|
|
|
* @property {Object} httpHeaders - Basic authentication headers. |
|
1778
|
|
|
* @property {boolean} withCredentials - Indicates whether or not cross-site |
|
1779
|
|
|
* Access-Control requests should be made using credentials such as cookies |
|
1780
|
|
|
* or authorization headers. The default is false. |
|
1781
|
|
|
* @property {string} password - For decrypting password-protected PDFs. |
|
1782
|
|
|
* @property {TypedArray} initialData - A typed array with the first portion or |
|
1783
|
|
|
* all of the pdf data. Used by the extension since some data is already |
|
1784
|
|
|
* loaded before the switch to range requests. |
|
1785
|
|
|
* @property {number} length - The PDF file length. It's used for progress |
|
1786
|
|
|
* reports and range requests operations. |
|
1787
|
|
|
* @property {PDFDataRangeTransport} range |
|
1788
|
|
|
*/ |
|
1789
|
|
|
|
|
1790
|
|
|
/** |
|
1791
|
|
|
* @typedef {Object} PDFDocumentStats |
|
1792
|
|
|
* @property {Array} streamTypes - Used stream types in the document (an item |
|
1793
|
|
|
* is set to true if specific stream ID was used in the document). |
|
1794
|
|
|
* @property {Array} fontTypes - Used font type in the document (an item is set |
|
1795
|
|
|
* to true if specific font ID was used in the document). |
|
1796
|
|
|
*/ |
|
1797
|
|
|
|
|
1798
|
|
|
/** |
|
1799
|
|
|
* This is the main entry point for loading a PDF and interacting with it. |
|
1800
|
|
|
* NOTE: If a URL is used to fetch the PDF data a standard XMLHttpRequest(XHR) |
|
1801
|
|
|
* is used, which means it must follow the same origin rules that any XHR does |
|
1802
|
|
|
* e.g. No cross domain requests without CORS. |
|
1803
|
|
|
* |
|
1804
|
|
|
* @param {string|TypedArray|DocumentInitParameters|PDFDataRangeTransport} src |
|
1805
|
|
|
* Can be a url to where a PDF is located, a typed array (Uint8Array) |
|
1806
|
|
|
* already populated with data or parameter object. |
|
1807
|
|
|
* |
|
1808
|
|
|
* @param {PDFDataRangeTransport} pdfDataRangeTransport (deprecated) It is used |
|
1809
|
|
|
* if you want to manually serve range requests for data in the PDF. |
|
1810
|
|
|
* |
|
1811
|
|
|
* @param {function} passwordCallback (deprecated) It is used to request a |
|
1812
|
|
|
* password if wrong or no password was provided. The callback receives two |
|
1813
|
|
|
* parameters: function that needs to be called with new password and reason |
|
1814
|
|
|
* (see {PasswordResponses}). |
|
1815
|
|
|
* |
|
1816
|
|
|
* @param {function} progressCallback (deprecated) It is used to be able to |
|
1817
|
|
|
* monitor the loading progress of the PDF file (necessary to implement e.g. |
|
1818
|
|
|
* a loading bar). The callback receives an {Object} with the properties: |
|
1819
|
|
|
* {number} loaded and {number} total. |
|
1820
|
|
|
* |
|
1821
|
|
|
* @return {PDFDocumentLoadingTask} |
|
1822
|
|
|
*/ |
|
1823
|
|
|
PDFJS.getDocument = function getDocument(src, |
|
1824
|
|
|
pdfDataRangeTransport, |
|
1825
|
|
|
passwordCallback, |
|
1826
|
|
|
progressCallback) { |
|
1827
|
|
|
var task = new PDFDocumentLoadingTask(); |
|
1828
|
|
|
|
|
1829
|
|
|
// Support of the obsolete arguments (for compatibility with API v1.0) |
|
1830
|
|
|
if (pdfDataRangeTransport) { |
|
1831
|
|
|
if (!(pdfDataRangeTransport instanceof PDFDataRangeTransport)) { |
|
1832
|
|
|
// Not a PDFDataRangeTransport instance, trying to add missing properties. |
|
1833
|
|
|
pdfDataRangeTransport = Object.create(pdfDataRangeTransport); |
|
1834
|
|
|
pdfDataRangeTransport.length = src.length; |
|
1835
|
|
|
pdfDataRangeTransport.initialData = src.initialData; |
|
1836
|
|
|
} |
|
1837
|
|
|
src = Object.create(src); |
|
1838
|
|
|
src.range = pdfDataRangeTransport; |
|
1839
|
|
|
} |
|
1840
|
|
|
task.onPassword = passwordCallback || null; |
|
1841
|
|
|
task.onProgress = progressCallback || null; |
|
1842
|
|
|
|
|
1843
|
|
|
var workerInitializedCapability, transport; |
|
1844
|
|
|
var source; |
|
1845
|
|
|
if (typeof src === 'string') { |
|
1846
|
|
|
source = { url: src }; |
|
1847
|
|
|
} else if (isArrayBuffer(src)) { |
|
1848
|
|
|
source = { data: src }; |
|
1849
|
|
|
} else if (src instanceof PDFDataRangeTransport) { |
|
1850
|
|
|
source = { range: src }; |
|
1851
|
|
|
} else { |
|
1852
|
|
|
if (typeof src !== 'object') { |
|
1853
|
|
|
error('Invalid parameter in getDocument, need either Uint8Array, ' + |
|
1854
|
|
|
'string or a parameter object'); |
|
1855
|
|
|
} |
|
1856
|
|
|
if (!src.url && !src.data && !src.range) { |
|
1857
|
|
|
error('Invalid parameter object: need either .data, .range or .url'); |
|
1858
|
|
|
} |
|
1859
|
|
|
|
|
1860
|
|
|
source = src; |
|
1861
|
|
|
} |
|
1862
|
|
|
|
|
1863
|
|
|
var params = {}; |
|
1864
|
|
|
for (var key in source) { |
|
|
|
|
|
|
1865
|
|
|
if (key === 'url' && typeof window !== 'undefined') { |
|
1866
|
|
|
// The full path is required in the 'url' field. |
|
1867
|
|
|
params[key] = combineUrl(window.location.href, source[key]); |
|
1868
|
|
|
continue; |
|
1869
|
|
|
} else if (key === 'range') { |
|
1870
|
|
|
continue; |
|
1871
|
|
|
} else if (key === 'data' && !(source[key] instanceof Uint8Array)) { |
|
1872
|
|
|
// Converting string or array-like data to Uint8Array. |
|
1873
|
|
|
var pdfBytes = source[key]; |
|
1874
|
|
|
if (typeof pdfBytes === 'string') { |
|
1875
|
|
|
params[key] = stringToBytes(pdfBytes); |
|
1876
|
|
|
} else if (typeof pdfBytes === 'object' && pdfBytes !== null && |
|
1877
|
|
|
!isNaN(pdfBytes.length)) { |
|
1878
|
|
|
params[key] = new Uint8Array(pdfBytes); |
|
1879
|
|
|
} else { |
|
1880
|
|
|
error('Invalid PDF binary data: either typed array, string or ' + |
|
1881
|
|
|
'array-like object is expected in the data property.'); |
|
1882
|
|
|
} |
|
1883
|
|
|
continue; |
|
1884
|
|
|
} |
|
1885
|
|
|
params[key] = source[key]; |
|
1886
|
|
|
} |
|
1887
|
|
|
|
|
1888
|
|
|
workerInitializedCapability = createPromiseCapability(); |
|
1889
|
|
|
transport = new WorkerTransport(workerInitializedCapability, source.range); |
|
1890
|
|
|
workerInitializedCapability.promise.then(function transportInitialized() { |
|
1891
|
|
|
transport.fetchDocument(task, params); |
|
1892
|
|
|
}); |
|
1893
|
|
|
|
|
1894
|
|
|
return task; |
|
1895
|
|
|
}; |
|
1896
|
|
|
|
|
1897
|
|
|
/** |
|
1898
|
|
|
* PDF document loading operation. |
|
1899
|
|
|
* @class |
|
1900
|
|
|
*/ |
|
1901
|
|
|
var PDFDocumentLoadingTask = (function PDFDocumentLoadingTaskClosure() { |
|
1902
|
|
|
/** @constructs PDFDocumentLoadingTask */ |
|
1903
|
|
|
function PDFDocumentLoadingTask() { |
|
1904
|
|
|
this._capability = createPromiseCapability(); |
|
1905
|
|
|
|
|
1906
|
|
|
/** |
|
1907
|
|
|
* Callback to request a password if wrong or no password was provided. |
|
1908
|
|
|
* The callback receives two parameters: function that needs to be called |
|
1909
|
|
|
* with new password and reason (see {PasswordResponses}). |
|
1910
|
|
|
*/ |
|
1911
|
|
|
this.onPassword = null; |
|
1912
|
|
|
|
|
1913
|
|
|
/** |
|
1914
|
|
|
* Callback to be able to monitor the loading progress of the PDF file |
|
1915
|
|
|
* (necessary to implement e.g. a loading bar). The callback receives |
|
1916
|
|
|
* an {Object} with the properties: {number} loaded and {number} total. |
|
1917
|
|
|
*/ |
|
1918
|
|
|
this.onProgress = null; |
|
1919
|
|
|
} |
|
1920
|
|
|
|
|
1921
|
|
|
PDFDocumentLoadingTask.prototype = |
|
1922
|
|
|
/** @lends PDFDocumentLoadingTask.prototype */ { |
|
1923
|
|
|
/** |
|
1924
|
|
|
* @return {Promise} |
|
1925
|
|
|
*/ |
|
1926
|
|
|
get promise() { |
|
1927
|
|
|
return this._capability.promise; |
|
1928
|
|
|
}, |
|
1929
|
|
|
|
|
1930
|
|
|
// TODO add cancel or abort method |
|
1931
|
|
|
|
|
1932
|
|
|
/** |
|
1933
|
|
|
* Registers callbacks to indicate the document loading completion. |
|
1934
|
|
|
* |
|
1935
|
|
|
* @param {function} onFulfilled The callback for the loading completion. |
|
1936
|
|
|
* @param {function} onRejected The callback for the loading failure. |
|
1937
|
|
|
* @return {Promise} A promise that is resolved after the onFulfilled or |
|
1938
|
|
|
* onRejected callback. |
|
1939
|
|
|
*/ |
|
1940
|
|
|
then: function PDFDocumentLoadingTask_then(onFulfilled, onRejected) { |
|
|
|
|
|
|
1941
|
|
|
return this.promise.then.apply(this.promise, arguments); |
|
1942
|
|
|
} |
|
1943
|
|
|
}; |
|
1944
|
|
|
|
|
1945
|
|
|
return PDFDocumentLoadingTask; |
|
1946
|
|
|
})(); |
|
1947
|
|
|
|
|
1948
|
|
|
/** |
|
1949
|
|
|
* Abstract class to support range requests file loading. |
|
1950
|
|
|
* @class |
|
1951
|
|
|
*/ |
|
1952
|
|
|
var PDFDataRangeTransport = (function pdfDataRangeTransportClosure() { |
|
1953
|
|
|
/** |
|
1954
|
|
|
* @constructs PDFDataRangeTransport |
|
1955
|
|
|
* @param {number} length |
|
1956
|
|
|
* @param {Uint8Array} initialData |
|
1957
|
|
|
*/ |
|
1958
|
|
|
function PDFDataRangeTransport(length, initialData) { |
|
1959
|
|
|
this.length = length; |
|
1960
|
|
|
this.initialData = initialData; |
|
1961
|
|
|
|
|
1962
|
|
|
this._rangeListeners = []; |
|
1963
|
|
|
this._progressListeners = []; |
|
1964
|
|
|
this._progressiveReadListeners = []; |
|
1965
|
|
|
this._readyCapability = createPromiseCapability(); |
|
1966
|
|
|
} |
|
1967
|
|
|
PDFDataRangeTransport.prototype = |
|
1968
|
|
|
/** @lends PDFDataRangeTransport.prototype */ { |
|
1969
|
|
|
addRangeListener: |
|
1970
|
|
|
function PDFDataRangeTransport_addRangeListener(listener) { |
|
1971
|
|
|
this._rangeListeners.push(listener); |
|
1972
|
|
|
}, |
|
1973
|
|
|
|
|
1974
|
|
|
addProgressListener: |
|
1975
|
|
|
function PDFDataRangeTransport_addProgressListener(listener) { |
|
1976
|
|
|
this._progressListeners.push(listener); |
|
1977
|
|
|
}, |
|
1978
|
|
|
|
|
1979
|
|
|
addProgressiveReadListener: |
|
1980
|
|
|
function PDFDataRangeTransport_addProgressiveReadListener(listener) { |
|
1981
|
|
|
this._progressiveReadListeners.push(listener); |
|
1982
|
|
|
}, |
|
1983
|
|
|
|
|
1984
|
|
|
onDataRange: function PDFDataRangeTransport_onDataRange(begin, chunk) { |
|
1985
|
|
|
var listeners = this._rangeListeners; |
|
1986
|
|
|
for (var i = 0, n = listeners.length; i < n; ++i) { |
|
1987
|
|
|
listeners[i](begin, chunk); |
|
1988
|
|
|
} |
|
1989
|
|
|
}, |
|
1990
|
|
|
|
|
1991
|
|
|
onDataProgress: function PDFDataRangeTransport_onDataProgress(loaded) { |
|
1992
|
|
|
this._readyCapability.promise.then(function () { |
|
1993
|
|
|
var listeners = this._progressListeners; |
|
1994
|
|
|
for (var i = 0, n = listeners.length; i < n; ++i) { |
|
1995
|
|
|
listeners[i](loaded); |
|
1996
|
|
|
} |
|
1997
|
|
|
}.bind(this)); |
|
1998
|
|
|
}, |
|
1999
|
|
|
|
|
2000
|
|
|
onDataProgressiveRead: |
|
2001
|
|
|
function PDFDataRangeTransport_onDataProgress(chunk) { |
|
2002
|
|
|
this._readyCapability.promise.then(function () { |
|
2003
|
|
|
var listeners = this._progressiveReadListeners; |
|
2004
|
|
|
for (var i = 0, n = listeners.length; i < n; ++i) { |
|
2005
|
|
|
listeners[i](chunk); |
|
2006
|
|
|
} |
|
2007
|
|
|
}.bind(this)); |
|
2008
|
|
|
}, |
|
2009
|
|
|
|
|
2010
|
|
|
transportReady: function PDFDataRangeTransport_transportReady() { |
|
2011
|
|
|
this._readyCapability.resolve(); |
|
2012
|
|
|
}, |
|
2013
|
|
|
|
|
2014
|
|
|
requestDataRange: |
|
2015
|
|
|
function PDFDataRangeTransport_requestDataRange(begin, end) { |
|
|
|
|
|
|
2016
|
|
|
throw new Error('Abstract method PDFDataRangeTransport.requestDataRange'); |
|
2017
|
|
|
} |
|
2018
|
|
|
}; |
|
2019
|
|
|
return PDFDataRangeTransport; |
|
2020
|
|
|
})(); |
|
2021
|
|
|
|
|
2022
|
|
|
PDFJS.PDFDataRangeTransport = PDFDataRangeTransport; |
|
2023
|
|
|
|
|
2024
|
|
|
/** |
|
2025
|
|
|
* Proxy to a PDFDocument in the worker thread. Also, contains commonly used |
|
2026
|
|
|
* properties that can be read synchronously. |
|
2027
|
|
|
* @class |
|
2028
|
|
|
*/ |
|
2029
|
|
|
var PDFDocumentProxy = (function PDFDocumentProxyClosure() { |
|
2030
|
|
|
function PDFDocumentProxy(pdfInfo, transport) { |
|
2031
|
|
|
this.pdfInfo = pdfInfo; |
|
2032
|
|
|
this.transport = transport; |
|
2033
|
|
|
} |
|
2034
|
|
|
PDFDocumentProxy.prototype = /** @lends PDFDocumentProxy.prototype */ { |
|
2035
|
|
|
/** |
|
2036
|
|
|
* @return {number} Total number of pages the PDF contains. |
|
2037
|
|
|
*/ |
|
2038
|
|
|
get numPages() { |
|
2039
|
|
|
return this.pdfInfo.numPages; |
|
2040
|
|
|
}, |
|
2041
|
|
|
/** |
|
2042
|
|
|
* @return {string} A unique ID to identify a PDF. Not guaranteed to be |
|
2043
|
|
|
* unique. |
|
2044
|
|
|
*/ |
|
2045
|
|
|
get fingerprint() { |
|
2046
|
|
|
return this.pdfInfo.fingerprint; |
|
2047
|
|
|
}, |
|
2048
|
|
|
/** |
|
2049
|
|
|
* @param {number} pageNumber The page number to get. The first page is 1. |
|
2050
|
|
|
* @return {Promise} A promise that is resolved with a {@link PDFPageProxy} |
|
2051
|
|
|
* object. |
|
2052
|
|
|
*/ |
|
2053
|
|
|
getPage: function PDFDocumentProxy_getPage(pageNumber) { |
|
2054
|
|
|
return this.transport.getPage(pageNumber); |
|
2055
|
|
|
}, |
|
2056
|
|
|
/** |
|
2057
|
|
|
* @param {{num: number, gen: number}} ref The page reference. Must have |
|
2058
|
|
|
* the 'num' and 'gen' properties. |
|
2059
|
|
|
* @return {Promise} A promise that is resolved with the page index that is |
|
2060
|
|
|
* associated with the reference. |
|
2061
|
|
|
*/ |
|
2062
|
|
|
getPageIndex: function PDFDocumentProxy_getPageIndex(ref) { |
|
2063
|
|
|
return this.transport.getPageIndex(ref); |
|
2064
|
|
|
}, |
|
2065
|
|
|
/** |
|
2066
|
|
|
* @return {Promise} A promise that is resolved with a lookup table for |
|
2067
|
|
|
* mapping named destinations to reference numbers. |
|
2068
|
|
|
* |
|
2069
|
|
|
* This can be slow for large documents: use getDestination instead |
|
2070
|
|
|
*/ |
|
2071
|
|
|
getDestinations: function PDFDocumentProxy_getDestinations() { |
|
2072
|
|
|
return this.transport.getDestinations(); |
|
2073
|
|
|
}, |
|
2074
|
|
|
/** |
|
2075
|
|
|
* @param {string} id The named destination to get. |
|
2076
|
|
|
* @return {Promise} A promise that is resolved with all information |
|
2077
|
|
|
* of the given named destination. |
|
2078
|
|
|
*/ |
|
2079
|
|
|
getDestination: function PDFDocumentProxy_getDestination(id) { |
|
2080
|
|
|
return this.transport.getDestination(id); |
|
2081
|
|
|
}, |
|
2082
|
|
|
/** |
|
2083
|
|
|
* @return {Promise} A promise that is resolved with a lookup table for |
|
2084
|
|
|
* mapping named attachments to their content. |
|
2085
|
|
|
*/ |
|
2086
|
|
|
getAttachments: function PDFDocumentProxy_getAttachments() { |
|
2087
|
|
|
return this.transport.getAttachments(); |
|
2088
|
|
|
}, |
|
2089
|
|
|
/** |
|
2090
|
|
|
* @return {Promise} A promise that is resolved with an array of all the |
|
2091
|
|
|
* JavaScript strings in the name tree. |
|
2092
|
|
|
*/ |
|
2093
|
|
|
getJavaScript: function PDFDocumentProxy_getJavaScript() { |
|
2094
|
|
|
return this.transport.getJavaScript(); |
|
2095
|
|
|
}, |
|
2096
|
|
|
/** |
|
2097
|
|
|
* @return {Promise} A promise that is resolved with an {Array} that is a |
|
2098
|
|
|
* tree outline (if it has one) of the PDF. The tree is in the format of: |
|
2099
|
|
|
* [ |
|
2100
|
|
|
* { |
|
2101
|
|
|
* title: string, |
|
2102
|
|
|
* bold: boolean, |
|
2103
|
|
|
* italic: boolean, |
|
2104
|
|
|
* color: rgb array, |
|
2105
|
|
|
* dest: dest obj, |
|
2106
|
|
|
* items: array of more items like this |
|
2107
|
|
|
* }, |
|
2108
|
|
|
* ... |
|
2109
|
|
|
* ]. |
|
2110
|
|
|
*/ |
|
2111
|
|
|
getOutline: function PDFDocumentProxy_getOutline() { |
|
2112
|
|
|
return this.transport.getOutline(); |
|
2113
|
|
|
}, |
|
2114
|
|
|
/** |
|
2115
|
|
|
* @return {Promise} A promise that is resolved with an {Object} that has |
|
2116
|
|
|
* info and metadata properties. Info is an {Object} filled with anything |
|
2117
|
|
|
* available in the information dictionary and similarly metadata is a |
|
2118
|
|
|
* {Metadata} object with information from the metadata section of the PDF. |
|
2119
|
|
|
*/ |
|
2120
|
|
|
getMetadata: function PDFDocumentProxy_getMetadata() { |
|
2121
|
|
|
return this.transport.getMetadata(); |
|
2122
|
|
|
}, |
|
2123
|
|
|
/** |
|
2124
|
|
|
* @return {Promise} A promise that is resolved with a TypedArray that has |
|
2125
|
|
|
* the raw data from the PDF. |
|
2126
|
|
|
*/ |
|
2127
|
|
|
getData: function PDFDocumentProxy_getData() { |
|
2128
|
|
|
return this.transport.getData(); |
|
2129
|
|
|
}, |
|
2130
|
|
|
/** |
|
2131
|
|
|
* @return {Promise} A promise that is resolved when the document's data |
|
2132
|
|
|
* is loaded. It is resolved with an {Object} that contains the length |
|
2133
|
|
|
* property that indicates size of the PDF data in bytes. |
|
2134
|
|
|
*/ |
|
2135
|
|
|
getDownloadInfo: function PDFDocumentProxy_getDownloadInfo() { |
|
2136
|
|
|
return this.transport.downloadInfoCapability.promise; |
|
2137
|
|
|
}, |
|
2138
|
|
|
/** |
|
2139
|
|
|
* @return {Promise} A promise this is resolved with current stats about |
|
2140
|
|
|
* document structures (see {@link PDFDocumentStats}). |
|
2141
|
|
|
*/ |
|
2142
|
|
|
getStats: function PDFDocumentProxy_getStats() { |
|
2143
|
|
|
return this.transport.getStats(); |
|
2144
|
|
|
}, |
|
2145
|
|
|
/** |
|
2146
|
|
|
* Cleans up resources allocated by the document, e.g. created @font-face. |
|
2147
|
|
|
*/ |
|
2148
|
|
|
cleanup: function PDFDocumentProxy_cleanup() { |
|
2149
|
|
|
this.transport.startCleanup(); |
|
2150
|
|
|
}, |
|
2151
|
|
|
/** |
|
2152
|
|
|
* Destroys current document instance and terminates worker. |
|
2153
|
|
|
*/ |
|
2154
|
|
|
destroy: function PDFDocumentProxy_destroy() { |
|
2155
|
|
|
this.transport.destroy(); |
|
2156
|
|
|
} |
|
2157
|
|
|
}; |
|
2158
|
|
|
return PDFDocumentProxy; |
|
2159
|
|
|
})(); |
|
2160
|
|
|
|
|
2161
|
|
|
/** |
|
2162
|
|
|
* Page text content. |
|
2163
|
|
|
* |
|
2164
|
|
|
* @typedef {Object} TextContent |
|
2165
|
|
|
* @property {array} items - array of {@link TextItem} |
|
2166
|
|
|
* @property {Object} styles - {@link TextStyles} objects, indexed by font |
|
2167
|
|
|
* name. |
|
2168
|
|
|
*/ |
|
2169
|
|
|
|
|
2170
|
|
|
/** |
|
2171
|
|
|
* Page text content part. |
|
2172
|
|
|
* |
|
2173
|
|
|
* @typedef {Object} TextItem |
|
2174
|
|
|
* @property {string} str - text content. |
|
2175
|
|
|
* @property {string} dir - text direction: 'ttb', 'ltr' or 'rtl'. |
|
2176
|
|
|
* @property {array} transform - transformation matrix. |
|
2177
|
|
|
* @property {number} width - width in device space. |
|
2178
|
|
|
* @property {number} height - height in device space. |
|
2179
|
|
|
* @property {string} fontName - font name used by pdf.js for converted font. |
|
2180
|
|
|
*/ |
|
2181
|
|
|
|
|
2182
|
|
|
/** |
|
2183
|
|
|
* Text style. |
|
2184
|
|
|
* |
|
2185
|
|
|
* @typedef {Object} TextStyle |
|
2186
|
|
|
* @property {number} ascent - font ascent. |
|
2187
|
|
|
* @property {number} descent - font descent. |
|
2188
|
|
|
* @property {boolean} vertical - text is in vertical mode. |
|
2189
|
|
|
* @property {string} fontFamily - possible font family |
|
2190
|
|
|
*/ |
|
2191
|
|
|
|
|
2192
|
|
|
/** |
|
2193
|
|
|
* Page render parameters. |
|
2194
|
|
|
* |
|
2195
|
|
|
* @typedef {Object} RenderParameters |
|
2196
|
|
|
* @property {Object} canvasContext - A 2D context of a DOM Canvas object. |
|
2197
|
|
|
* @property {PDFJS.PageViewport} viewport - Rendering viewport obtained by |
|
2198
|
|
|
* calling of PDFPage.getViewport method. |
|
2199
|
|
|
* @property {string} intent - Rendering intent, can be 'display' or 'print' |
|
2200
|
|
|
* (default value is 'display'). |
|
2201
|
|
|
* @property {Object} imageLayer - (optional) An object that has beginLayout, |
|
2202
|
|
|
* endLayout and appendImage functions. |
|
2203
|
|
|
* @property {function} continueCallback - (deprecated) A function that will be |
|
2204
|
|
|
* called each time the rendering is paused. To continue |
|
2205
|
|
|
* rendering call the function that is the first argument |
|
2206
|
|
|
* to the callback. |
|
2207
|
|
|
*/ |
|
2208
|
|
|
|
|
2209
|
|
|
/** |
|
2210
|
|
|
* PDF page operator list. |
|
2211
|
|
|
* |
|
2212
|
|
|
* @typedef {Object} PDFOperatorList |
|
2213
|
|
|
* @property {Array} fnArray - Array containing the operator functions. |
|
2214
|
|
|
* @property {Array} argsArray - Array containing the arguments of the |
|
2215
|
|
|
* functions. |
|
2216
|
|
|
*/ |
|
2217
|
|
|
|
|
2218
|
|
|
/** |
|
2219
|
|
|
* Proxy to a PDFPage in the worker thread. |
|
2220
|
|
|
* @class |
|
2221
|
|
|
*/ |
|
2222
|
|
|
var PDFPageProxy = (function PDFPageProxyClosure() { |
|
2223
|
|
|
function PDFPageProxy(pageIndex, pageInfo, transport) { |
|
2224
|
|
|
this.pageIndex = pageIndex; |
|
2225
|
|
|
this.pageInfo = pageInfo; |
|
2226
|
|
|
this.transport = transport; |
|
2227
|
|
|
this.stats = new StatTimer(); |
|
2228
|
|
|
this.stats.enabled = !!globalScope.PDFJS.enableStats; |
|
2229
|
|
|
this.commonObjs = transport.commonObjs; |
|
2230
|
|
|
this.objs = new PDFObjects(); |
|
2231
|
|
|
this.cleanupAfterRender = false; |
|
2232
|
|
|
this.pendingDestroy = false; |
|
2233
|
|
|
this.intentStates = {}; |
|
2234
|
|
|
} |
|
2235
|
|
|
PDFPageProxy.prototype = /** @lends PDFPageProxy.prototype */ { |
|
2236
|
|
|
/** |
|
2237
|
|
|
* @return {number} Page number of the page. First page is 1. |
|
2238
|
|
|
*/ |
|
2239
|
|
|
get pageNumber() { |
|
2240
|
|
|
return this.pageIndex + 1; |
|
2241
|
|
|
}, |
|
2242
|
|
|
/** |
|
2243
|
|
|
* @return {number} The number of degrees the page is rotated clockwise. |
|
2244
|
|
|
*/ |
|
2245
|
|
|
get rotate() { |
|
2246
|
|
|
return this.pageInfo.rotate; |
|
2247
|
|
|
}, |
|
2248
|
|
|
/** |
|
2249
|
|
|
* @return {Object} The reference that points to this page. It has 'num' and |
|
2250
|
|
|
* 'gen' properties. |
|
2251
|
|
|
*/ |
|
2252
|
|
|
get ref() { |
|
2253
|
|
|
return this.pageInfo.ref; |
|
2254
|
|
|
}, |
|
2255
|
|
|
/** |
|
2256
|
|
|
* @return {Array} An array of the visible portion of the PDF page in the |
|
2257
|
|
|
* user space units - [x1, y1, x2, y2]. |
|
2258
|
|
|
*/ |
|
2259
|
|
|
get view() { |
|
2260
|
|
|
return this.pageInfo.view; |
|
2261
|
|
|
}, |
|
2262
|
|
|
/** |
|
2263
|
|
|
* @param {number} scale The desired scale of the viewport. |
|
2264
|
|
|
* @param {number} rotate Degrees to rotate the viewport. If omitted this |
|
2265
|
|
|
* defaults to the page rotation. |
|
2266
|
|
|
* @return {PDFJS.PageViewport} Contains 'width' and 'height' properties |
|
2267
|
|
|
* along with transforms required for rendering. |
|
2268
|
|
|
*/ |
|
2269
|
|
|
getViewport: function PDFPageProxy_getViewport(scale, rotate) { |
|
2270
|
|
|
if (arguments.length < 2) { |
|
2271
|
|
|
rotate = this.rotate; |
|
2272
|
|
|
} |
|
2273
|
|
|
return new PDFJS.PageViewport(this.view, scale, rotate, 0, 0); |
|
2274
|
|
|
}, |
|
2275
|
|
|
/** |
|
2276
|
|
|
* @return {Promise} A promise that is resolved with an {Array} of the |
|
2277
|
|
|
* annotation objects. |
|
2278
|
|
|
*/ |
|
2279
|
|
|
getAnnotations: function PDFPageProxy_getAnnotations() { |
|
2280
|
|
|
if (this.annotationsPromise) { |
|
2281
|
|
|
return this.annotationsPromise; |
|
2282
|
|
|
} |
|
2283
|
|
|
|
|
2284
|
|
|
var promise = this.transport.getAnnotations(this.pageIndex); |
|
2285
|
|
|
this.annotationsPromise = promise; |
|
2286
|
|
|
return promise; |
|
2287
|
|
|
}, |
|
2288
|
|
|
/** |
|
2289
|
|
|
* Begins the process of rendering a page to the desired context. |
|
2290
|
|
|
* @param {RenderParameters} params Page render parameters. |
|
2291
|
|
|
* @return {RenderTask} An object that contains the promise, which |
|
2292
|
|
|
* is resolved when the page finishes rendering. |
|
2293
|
|
|
*/ |
|
2294
|
|
|
render: function PDFPageProxy_render(params) { |
|
2295
|
|
|
var stats = this.stats; |
|
2296
|
|
|
stats.time('Overall'); |
|
2297
|
|
|
|
|
2298
|
|
|
// If there was a pending destroy cancel it so no cleanup happens during |
|
2299
|
|
|
// this call to render. |
|
2300
|
|
|
this.pendingDestroy = false; |
|
2301
|
|
|
|
|
2302
|
|
|
var renderingIntent = (params.intent === 'print' ? 'print' : 'display'); |
|
2303
|
|
|
|
|
2304
|
|
|
if (!this.intentStates[renderingIntent]) { |
|
2305
|
|
|
this.intentStates[renderingIntent] = {}; |
|
2306
|
|
|
} |
|
2307
|
|
|
var intentState = this.intentStates[renderingIntent]; |
|
2308
|
|
|
|
|
2309
|
|
|
// If there's no displayReadyCapability yet, then the operatorList |
|
2310
|
|
|
// was never requested before. Make the request and create the promise. |
|
2311
|
|
|
if (!intentState.displayReadyCapability) { |
|
2312
|
|
|
intentState.receivingOperatorList = true; |
|
2313
|
|
|
intentState.displayReadyCapability = createPromiseCapability(); |
|
2314
|
|
|
intentState.operatorList = { |
|
2315
|
|
|
fnArray: [], |
|
2316
|
|
|
argsArray: [], |
|
2317
|
|
|
lastChunk: false |
|
2318
|
|
|
}; |
|
2319
|
|
|
|
|
2320
|
|
|
this.stats.time('Page Request'); |
|
2321
|
|
|
this.transport.messageHandler.send('RenderPageRequest', { |
|
2322
|
|
|
pageIndex: this.pageNumber - 1, |
|
2323
|
|
|
intent: renderingIntent |
|
2324
|
|
|
}); |
|
2325
|
|
|
} |
|
2326
|
|
|
|
|
2327
|
|
|
var internalRenderTask = new InternalRenderTask(complete, params, |
|
2328
|
|
|
this.objs, |
|
2329
|
|
|
this.commonObjs, |
|
2330
|
|
|
intentState.operatorList, |
|
2331
|
|
|
this.pageNumber); |
|
2332
|
|
|
if (!intentState.renderTasks) { |
|
2333
|
|
|
intentState.renderTasks = []; |
|
2334
|
|
|
} |
|
2335
|
|
|
intentState.renderTasks.push(internalRenderTask); |
|
2336
|
|
|
var renderTask = internalRenderTask.task; |
|
2337
|
|
|
|
|
2338
|
|
|
// Obsolete parameter support |
|
2339
|
|
|
if (params.continueCallback) { |
|
2340
|
|
|
renderTask.onContinue = params.continueCallback; |
|
2341
|
|
|
} |
|
2342
|
|
|
|
|
2343
|
|
|
var self = this; |
|
2344
|
|
|
intentState.displayReadyCapability.promise.then( |
|
2345
|
|
|
function pageDisplayReadyPromise(transparency) { |
|
2346
|
|
|
if (self.pendingDestroy) { |
|
2347
|
|
|
complete(); |
|
2348
|
|
|
return; |
|
2349
|
|
|
} |
|
2350
|
|
|
stats.time('Rendering'); |
|
2351
|
|
|
internalRenderTask.initalizeGraphics(transparency); |
|
2352
|
|
|
internalRenderTask.operatorListChanged(); |
|
2353
|
|
|
}, |
|
2354
|
|
|
function pageDisplayReadPromiseError(reason) { |
|
2355
|
|
|
complete(reason); |
|
2356
|
|
|
} |
|
2357
|
|
|
); |
|
2358
|
|
|
|
|
2359
|
|
|
function complete(error) { |
|
2360
|
|
|
var i = intentState.renderTasks.indexOf(internalRenderTask); |
|
2361
|
|
|
if (i >= 0) { |
|
2362
|
|
|
intentState.renderTasks.splice(i, 1); |
|
2363
|
|
|
} |
|
2364
|
|
|
|
|
2365
|
|
|
if (self.cleanupAfterRender) { |
|
2366
|
|
|
self.pendingDestroy = true; |
|
2367
|
|
|
} |
|
2368
|
|
|
self._tryDestroy(); |
|
2369
|
|
|
|
|
2370
|
|
|
if (error) { |
|
2371
|
|
|
internalRenderTask.capability.reject(error); |
|
2372
|
|
|
} else { |
|
2373
|
|
|
internalRenderTask.capability.resolve(); |
|
2374
|
|
|
} |
|
2375
|
|
|
stats.timeEnd('Rendering'); |
|
2376
|
|
|
stats.timeEnd('Overall'); |
|
2377
|
|
|
} |
|
2378
|
|
|
|
|
2379
|
|
|
return renderTask; |
|
2380
|
|
|
}, |
|
2381
|
|
|
|
|
2382
|
|
|
/** |
|
2383
|
|
|
* @return {Promise} A promise resolved with an {@link PDFOperatorList} |
|
2384
|
|
|
* object that represents page's operator list. |
|
2385
|
|
|
*/ |
|
2386
|
|
|
getOperatorList: function PDFPageProxy_getOperatorList() { |
|
2387
|
|
|
function operatorListChanged() { |
|
2388
|
|
|
if (intentState.operatorList.lastChunk) { |
|
2389
|
|
|
intentState.opListReadCapability.resolve(intentState.operatorList); |
|
2390
|
|
|
} |
|
2391
|
|
|
} |
|
2392
|
|
|
|
|
2393
|
|
|
var renderingIntent = 'oplist'; |
|
2394
|
|
|
if (!this.intentStates[renderingIntent]) { |
|
2395
|
|
|
this.intentStates[renderingIntent] = {}; |
|
2396
|
|
|
} |
|
2397
|
|
|
var intentState = this.intentStates[renderingIntent]; |
|
2398
|
|
|
|
|
2399
|
|
|
if (!intentState.opListReadCapability) { |
|
2400
|
|
|
var opListTask = {}; |
|
2401
|
|
|
opListTask.operatorListChanged = operatorListChanged; |
|
2402
|
|
|
intentState.receivingOperatorList = true; |
|
2403
|
|
|
intentState.opListReadCapability = createPromiseCapability(); |
|
2404
|
|
|
intentState.renderTasks = []; |
|
2405
|
|
|
intentState.renderTasks.push(opListTask); |
|
2406
|
|
|
intentState.operatorList = { |
|
2407
|
|
|
fnArray: [], |
|
2408
|
|
|
argsArray: [], |
|
2409
|
|
|
lastChunk: false |
|
2410
|
|
|
}; |
|
2411
|
|
|
|
|
2412
|
|
|
this.transport.messageHandler.send('RenderPageRequest', { |
|
2413
|
|
|
pageIndex: this.pageIndex, |
|
2414
|
|
|
intent: renderingIntent |
|
2415
|
|
|
}); |
|
2416
|
|
|
} |
|
2417
|
|
|
return intentState.opListReadCapability.promise; |
|
2418
|
|
|
}, |
|
2419
|
|
|
|
|
2420
|
|
|
/** |
|
2421
|
|
|
* @return {Promise} That is resolved a {@link TextContent} |
|
2422
|
|
|
* object that represent the page text content. |
|
2423
|
|
|
*/ |
|
2424
|
|
|
getTextContent: function PDFPageProxy_getTextContent() { |
|
2425
|
|
|
return this.transport.messageHandler.sendWithPromise('GetTextContent', { |
|
2426
|
|
|
pageIndex: this.pageNumber - 1 |
|
2427
|
|
|
}); |
|
2428
|
|
|
}, |
|
2429
|
|
|
/** |
|
2430
|
|
|
* Destroys resources allocated by the page. |
|
2431
|
|
|
*/ |
|
2432
|
|
|
destroy: function PDFPageProxy_destroy() { |
|
2433
|
|
|
this.pendingDestroy = true; |
|
2434
|
|
|
this._tryDestroy(); |
|
2435
|
|
|
}, |
|
2436
|
|
|
/** |
|
2437
|
|
|
* For internal use only. Attempts to clean up if rendering is in a state |
|
2438
|
|
|
* where that's possible. |
|
2439
|
|
|
* @ignore |
|
2440
|
|
|
*/ |
|
2441
|
|
|
_tryDestroy: function PDFPageProxy__destroy() { |
|
2442
|
|
|
if (!this.pendingDestroy || |
|
2443
|
|
|
Object.keys(this.intentStates).some(function(intent) { |
|
2444
|
|
|
var intentState = this.intentStates[intent]; |
|
2445
|
|
|
return (intentState.renderTasks.length !== 0 || |
|
2446
|
|
|
intentState.receivingOperatorList); |
|
2447
|
|
|
}, this)) { |
|
2448
|
|
|
return; |
|
2449
|
|
|
} |
|
2450
|
|
|
|
|
2451
|
|
|
Object.keys(this.intentStates).forEach(function(intent) { |
|
2452
|
|
|
delete this.intentStates[intent]; |
|
2453
|
|
|
}, this); |
|
2454
|
|
|
this.objs.clear(); |
|
2455
|
|
|
this.annotationsPromise = null; |
|
2456
|
|
|
this.pendingDestroy = false; |
|
2457
|
|
|
}, |
|
2458
|
|
|
/** |
|
2459
|
|
|
* For internal use only. |
|
2460
|
|
|
* @ignore |
|
2461
|
|
|
*/ |
|
2462
|
|
|
_startRenderPage: function PDFPageProxy_startRenderPage(transparency, |
|
2463
|
|
|
intent) { |
|
2464
|
|
|
var intentState = this.intentStates[intent]; |
|
2465
|
|
|
// TODO Refactor RenderPageRequest to separate rendering |
|
2466
|
|
|
// and operator list logic |
|
2467
|
|
|
if (intentState.displayReadyCapability) { |
|
2468
|
|
|
intentState.displayReadyCapability.resolve(transparency); |
|
2469
|
|
|
} |
|
2470
|
|
|
}, |
|
2471
|
|
|
/** |
|
2472
|
|
|
* For internal use only. |
|
2473
|
|
|
* @ignore |
|
2474
|
|
|
*/ |
|
2475
|
|
|
_renderPageChunk: function PDFPageProxy_renderPageChunk(operatorListChunk, |
|
2476
|
|
|
intent) { |
|
2477
|
|
|
var intentState = this.intentStates[intent]; |
|
2478
|
|
|
var i, ii; |
|
2479
|
|
|
// Add the new chunk to the current operator list. |
|
2480
|
|
|
for (i = 0, ii = operatorListChunk.length; i < ii; i++) { |
|
2481
|
|
|
intentState.operatorList.fnArray.push(operatorListChunk.fnArray[i]); |
|
2482
|
|
|
intentState.operatorList.argsArray.push( |
|
2483
|
|
|
operatorListChunk.argsArray[i]); |
|
2484
|
|
|
} |
|
2485
|
|
|
intentState.operatorList.lastChunk = operatorListChunk.lastChunk; |
|
2486
|
|
|
|
|
2487
|
|
|
// Notify all the rendering tasks there are more operators to be consumed. |
|
2488
|
|
|
for (i = 0; i < intentState.renderTasks.length; i++) { |
|
2489
|
|
|
intentState.renderTasks[i].operatorListChanged(); |
|
2490
|
|
|
} |
|
2491
|
|
|
|
|
2492
|
|
|
if (operatorListChunk.lastChunk) { |
|
2493
|
|
|
intentState.receivingOperatorList = false; |
|
2494
|
|
|
this._tryDestroy(); |
|
2495
|
|
|
} |
|
2496
|
|
|
} |
|
2497
|
|
|
}; |
|
2498
|
|
|
return PDFPageProxy; |
|
2499
|
|
|
})(); |
|
2500
|
|
|
|
|
2501
|
|
|
/** |
|
2502
|
|
|
* For internal use only. |
|
2503
|
|
|
* @ignore |
|
2504
|
|
|
*/ |
|
2505
|
|
|
var WorkerTransport = (function WorkerTransportClosure() { |
|
2506
|
|
|
function WorkerTransport(workerInitializedCapability, pdfDataRangeTransport) { |
|
2507
|
|
|
this.pdfDataRangeTransport = pdfDataRangeTransport; |
|
2508
|
|
|
this.workerInitializedCapability = workerInitializedCapability; |
|
2509
|
|
|
this.commonObjs = new PDFObjects(); |
|
2510
|
|
|
|
|
2511
|
|
|
this.loadingTask = null; |
|
2512
|
|
|
|
|
2513
|
|
|
this.pageCache = []; |
|
2514
|
|
|
this.pagePromises = []; |
|
2515
|
|
|
this.downloadInfoCapability = createPromiseCapability(); |
|
2516
|
|
|
|
|
2517
|
|
|
// If worker support isn't disabled explicit and the browser has worker |
|
2518
|
|
|
// support, create a new web worker and test if it/the browser fullfills |
|
2519
|
|
|
// all requirements to run parts of pdf.js in a web worker. |
|
2520
|
|
|
// Right now, the requirement is, that an Uint8Array is still an Uint8Array |
|
2521
|
|
|
// as it arrives on the worker. Chrome added this with version 15. |
|
2522
|
|
|
//#if !SINGLE_FILE |
|
2523
|
|
|
if (!globalScope.PDFJS.disableWorker && typeof Worker !== 'undefined') { |
|
|
|
|
|
|
2524
|
|
|
var workerSrc = PDFJS.workerSrc; |
|
2525
|
|
|
if (!workerSrc) { |
|
2526
|
|
|
error('No PDFJS.workerSrc specified'); |
|
2527
|
|
|
} |
|
2528
|
|
|
|
|
2529
|
|
|
try { |
|
2530
|
|
|
// Some versions of FF can't create a worker on localhost, see: |
|
2531
|
|
|
// https://bugzilla.mozilla.org/show_bug.cgi?id=683280 |
|
2532
|
|
|
var worker = new Worker(workerSrc); |
|
2533
|
|
|
var messageHandler = new MessageHandler('main', worker); |
|
2534
|
|
|
this.messageHandler = messageHandler; |
|
2535
|
|
|
|
|
2536
|
|
|
messageHandler.on('test', function transportTest(data) { |
|
2537
|
|
|
var supportTypedArray = data && data.supportTypedArray; |
|
2538
|
|
|
if (supportTypedArray) { |
|
2539
|
|
|
this.worker = worker; |
|
2540
|
|
|
if (!data.supportTransfers) { |
|
2541
|
|
|
PDFJS.postMessageTransfers = false; |
|
2542
|
|
|
} |
|
2543
|
|
|
this.setupMessageHandler(messageHandler); |
|
2544
|
|
|
workerInitializedCapability.resolve(); |
|
2545
|
|
|
} else { |
|
2546
|
|
|
this.setupFakeWorker(); |
|
2547
|
|
|
} |
|
2548
|
|
|
}.bind(this)); |
|
2549
|
|
|
|
|
2550
|
|
|
var testObj = new Uint8Array([PDFJS.postMessageTransfers ? 255 : 0]); |
|
2551
|
|
|
// Some versions of Opera throw a DATA_CLONE_ERR on serializing the |
|
2552
|
|
|
// typed array. Also, checking if we can use transfers. |
|
2553
|
|
|
try { |
|
2554
|
|
|
messageHandler.send('test', testObj, [testObj.buffer]); |
|
2555
|
|
|
} catch (ex) { |
|
2556
|
|
|
info('Cannot use postMessage transfers'); |
|
2557
|
|
|
testObj[0] = 0; |
|
2558
|
|
|
messageHandler.send('test', testObj); |
|
2559
|
|
|
} |
|
2560
|
|
|
return; |
|
2561
|
|
|
} catch (e) { |
|
2562
|
|
|
info('The worker has been disabled.'); |
|
2563
|
|
|
} |
|
2564
|
|
|
} |
|
2565
|
|
|
//#endif |
|
2566
|
|
|
// Either workers are disabled, not supported or have thrown an exception. |
|
2567
|
|
|
// Thus, we fallback to a faked worker. |
|
2568
|
|
|
this.setupFakeWorker(); |
|
2569
|
|
|
} |
|
2570
|
|
|
WorkerTransport.prototype = { |
|
2571
|
|
|
destroy: function WorkerTransport_destroy() { |
|
2572
|
|
|
this.pageCache = []; |
|
2573
|
|
|
this.pagePromises = []; |
|
2574
|
|
|
var self = this; |
|
2575
|
|
|
this.messageHandler.sendWithPromise('Terminate', null).then(function () { |
|
2576
|
|
|
FontLoader.clear(); |
|
2577
|
|
|
if (self.worker) { |
|
2578
|
|
|
self.worker.terminate(); |
|
2579
|
|
|
} |
|
2580
|
|
|
}); |
|
2581
|
|
|
}, |
|
2582
|
|
|
|
|
2583
|
|
|
setupFakeWorker: function WorkerTransport_setupFakeWorker() { |
|
2584
|
|
|
globalScope.PDFJS.disableWorker = true; |
|
2585
|
|
|
|
|
2586
|
|
|
if (!PDFJS.fakeWorkerFilesLoadedCapability) { |
|
2587
|
|
|
PDFJS.fakeWorkerFilesLoadedCapability = createPromiseCapability(); |
|
2588
|
|
|
// In the developer build load worker_loader which in turn loads all the |
|
2589
|
|
|
// other files and resolves the promise. In production only the |
|
2590
|
|
|
// pdf.worker.js file is needed. |
|
2591
|
|
|
//#if !PRODUCTION |
|
2592
|
|
|
Util.loadScript(PDFJS.workerSrc); |
|
2593
|
|
|
//#endif |
|
2594
|
|
|
//#if PRODUCTION && SINGLE_FILE |
|
2595
|
|
|
// PDFJS.fakeWorkerFilesLoadedCapability.resolve(); |
|
2596
|
|
|
//#endif |
|
2597
|
|
|
//#if PRODUCTION && !SINGLE_FILE |
|
2598
|
|
|
// Util.loadScript(PDFJS.workerSrc, function() { |
|
2599
|
|
|
// PDFJS.fakeWorkerFilesLoadedCapability.resolve(); |
|
2600
|
|
|
// }); |
|
2601
|
|
|
//#endif |
|
2602
|
|
|
} |
|
2603
|
|
|
PDFJS.fakeWorkerFilesLoadedCapability.promise.then(function () { |
|
2604
|
|
|
warn('Setting up fake worker.'); |
|
2605
|
|
|
// If we don't use a worker, just post/sendMessage to the main thread. |
|
2606
|
|
|
var fakeWorker = { |
|
2607
|
|
|
postMessage: function WorkerTransport_postMessage(obj) { |
|
2608
|
|
|
fakeWorker.onmessage({data: obj}); |
|
2609
|
|
|
}, |
|
2610
|
|
|
terminate: function WorkerTransport_terminate() {} |
|
2611
|
|
|
}; |
|
2612
|
|
|
|
|
2613
|
|
|
var messageHandler = new MessageHandler('main', fakeWorker); |
|
2614
|
|
|
this.setupMessageHandler(messageHandler); |
|
2615
|
|
|
|
|
2616
|
|
|
// If the main thread is our worker, setup the handling for the messages |
|
2617
|
|
|
// the main thread sends to it self. |
|
2618
|
|
|
PDFJS.WorkerMessageHandler.setup(messageHandler); |
|
2619
|
|
|
|
|
2620
|
|
|
this.workerInitializedCapability.resolve(); |
|
2621
|
|
|
}.bind(this)); |
|
2622
|
|
|
}, |
|
2623
|
|
|
|
|
2624
|
|
|
setupMessageHandler: |
|
2625
|
|
|
function WorkerTransport_setupMessageHandler(messageHandler) { |
|
2626
|
|
|
this.messageHandler = messageHandler; |
|
2627
|
|
|
|
|
2628
|
|
|
function updatePassword(password) { |
|
2629
|
|
|
messageHandler.send('UpdatePassword', password); |
|
2630
|
|
|
} |
|
2631
|
|
|
|
|
2632
|
|
|
var pdfDataRangeTransport = this.pdfDataRangeTransport; |
|
2633
|
|
|
if (pdfDataRangeTransport) { |
|
2634
|
|
|
pdfDataRangeTransport.addRangeListener(function(begin, chunk) { |
|
2635
|
|
|
messageHandler.send('OnDataRange', { |
|
2636
|
|
|
begin: begin, |
|
2637
|
|
|
chunk: chunk |
|
2638
|
|
|
}); |
|
2639
|
|
|
}); |
|
2640
|
|
|
|
|
2641
|
|
|
pdfDataRangeTransport.addProgressListener(function(loaded) { |
|
2642
|
|
|
messageHandler.send('OnDataProgress', { |
|
2643
|
|
|
loaded: loaded |
|
2644
|
|
|
}); |
|
2645
|
|
|
}); |
|
2646
|
|
|
|
|
2647
|
|
|
pdfDataRangeTransport.addProgressiveReadListener(function(chunk) { |
|
2648
|
|
|
messageHandler.send('OnDataRange', { |
|
2649
|
|
|
chunk: chunk |
|
2650
|
|
|
}); |
|
2651
|
|
|
}); |
|
2652
|
|
|
|
|
2653
|
|
|
messageHandler.on('RequestDataRange', |
|
2654
|
|
|
function transportDataRange(data) { |
|
2655
|
|
|
pdfDataRangeTransport.requestDataRange(data.begin, data.end); |
|
2656
|
|
|
}, this); |
|
2657
|
|
|
} |
|
2658
|
|
|
|
|
2659
|
|
|
messageHandler.on('GetDoc', function transportDoc(data) { |
|
2660
|
|
|
var pdfInfo = data.pdfInfo; |
|
2661
|
|
|
this.numPages = data.pdfInfo.numPages; |
|
2662
|
|
|
var pdfDocument = new PDFDocumentProxy(pdfInfo, this); |
|
2663
|
|
|
this.pdfDocument = pdfDocument; |
|
2664
|
|
|
this.loadingTask._capability.resolve(pdfDocument); |
|
2665
|
|
|
}, this); |
|
2666
|
|
|
|
|
2667
|
|
|
messageHandler.on('NeedPassword', |
|
2668
|
|
|
function transportNeedPassword(exception) { |
|
2669
|
|
|
var loadingTask = this.loadingTask; |
|
2670
|
|
|
if (loadingTask.onPassword) { |
|
2671
|
|
|
return loadingTask.onPassword(updatePassword, |
|
2672
|
|
|
PasswordResponses.NEED_PASSWORD); |
|
2673
|
|
|
} |
|
2674
|
|
|
loadingTask._capability.reject( |
|
2675
|
|
|
new PasswordException(exception.message, exception.code)); |
|
|
|
|
|
|
2676
|
|
|
}, this); |
|
2677
|
|
|
|
|
2678
|
|
|
messageHandler.on('IncorrectPassword', |
|
2679
|
|
|
function transportIncorrectPassword(exception) { |
|
2680
|
|
|
var loadingTask = this.loadingTask; |
|
2681
|
|
|
if (loadingTask.onPassword) { |
|
2682
|
|
|
return loadingTask.onPassword(updatePassword, |
|
2683
|
|
|
PasswordResponses.INCORRECT_PASSWORD); |
|
2684
|
|
|
} |
|
2685
|
|
|
loadingTask._capability.reject( |
|
2686
|
|
|
new PasswordException(exception.message, exception.code)); |
|
|
|
|
|
|
2687
|
|
|
}, this); |
|
2688
|
|
|
|
|
2689
|
|
|
messageHandler.on('InvalidPDF', function transportInvalidPDF(exception) { |
|
2690
|
|
|
this.loadingTask._capability.reject( |
|
2691
|
|
|
new InvalidPDFException(exception.message)); |
|
2692
|
|
|
}, this); |
|
2693
|
|
|
|
|
2694
|
|
|
messageHandler.on('MissingPDF', function transportMissingPDF(exception) { |
|
2695
|
|
|
this.loadingTask._capability.reject( |
|
2696
|
|
|
new MissingPDFException(exception.message)); |
|
2697
|
|
|
}, this); |
|
2698
|
|
|
|
|
2699
|
|
|
messageHandler.on('UnexpectedResponse', |
|
2700
|
|
|
function transportUnexpectedResponse(exception) { |
|
2701
|
|
|
this.loadingTask._capability.reject( |
|
2702
|
|
|
new UnexpectedResponseException(exception.message, exception.status)); |
|
2703
|
|
|
}, this); |
|
2704
|
|
|
|
|
2705
|
|
|
messageHandler.on('UnknownError', |
|
2706
|
|
|
function transportUnknownError(exception) { |
|
2707
|
|
|
this.loadingTask._capability.reject( |
|
2708
|
|
|
new UnknownErrorException(exception.message, exception.details)); |
|
2709
|
|
|
}, this); |
|
2710
|
|
|
|
|
2711
|
|
|
messageHandler.on('DataLoaded', function transportPage(data) { |
|
2712
|
|
|
this.downloadInfoCapability.resolve(data); |
|
2713
|
|
|
}, this); |
|
2714
|
|
|
|
|
2715
|
|
|
messageHandler.on('PDFManagerReady', function transportPage(data) { |
|
|
|
|
|
|
2716
|
|
|
if (this.pdfDataRangeTransport) { |
|
2717
|
|
|
this.pdfDataRangeTransport.transportReady(); |
|
2718
|
|
|
} |
|
2719
|
|
|
}, this); |
|
2720
|
|
|
|
|
2721
|
|
|
messageHandler.on('StartRenderPage', function transportRender(data) { |
|
2722
|
|
|
var page = this.pageCache[data.pageIndex]; |
|
2723
|
|
|
|
|
2724
|
|
|
page.stats.timeEnd('Page Request'); |
|
2725
|
|
|
page._startRenderPage(data.transparency, data.intent); |
|
2726
|
|
|
}, this); |
|
2727
|
|
|
|
|
2728
|
|
|
messageHandler.on('RenderPageChunk', function transportRender(data) { |
|
2729
|
|
|
var page = this.pageCache[data.pageIndex]; |
|
2730
|
|
|
|
|
2731
|
|
|
page._renderPageChunk(data.operatorList, data.intent); |
|
2732
|
|
|
}, this); |
|
2733
|
|
|
|
|
2734
|
|
|
messageHandler.on('commonobj', function transportObj(data) { |
|
2735
|
|
|
var id = data[0]; |
|
2736
|
|
|
var type = data[1]; |
|
2737
|
|
|
if (this.commonObjs.hasData(id)) { |
|
2738
|
|
|
return; |
|
2739
|
|
|
} |
|
2740
|
|
|
|
|
2741
|
|
|
switch (type) { |
|
2742
|
|
|
case 'Font': |
|
2743
|
|
|
var exportedData = data[2]; |
|
2744
|
|
|
|
|
2745
|
|
|
var font; |
|
2746
|
|
|
if ('error' in exportedData) { |
|
2747
|
|
|
var error = exportedData.error; |
|
2748
|
|
|
warn('Error during font loading: ' + error); |
|
2749
|
|
|
this.commonObjs.resolve(id, error); |
|
2750
|
|
|
break; |
|
2751
|
|
|
} else { |
|
2752
|
|
|
font = new FontFaceObject(exportedData); |
|
2753
|
|
|
} |
|
2754
|
|
|
|
|
2755
|
|
|
FontLoader.bind( |
|
2756
|
|
|
[font], |
|
2757
|
|
|
function fontReady(fontObjs) { |
|
|
|
|
|
|
2758
|
|
|
this.commonObjs.resolve(id, font); |
|
2759
|
|
|
}.bind(this) |
|
2760
|
|
|
); |
|
2761
|
|
|
break; |
|
2762
|
|
|
case 'FontPath': |
|
2763
|
|
|
this.commonObjs.resolve(id, data[2]); |
|
2764
|
|
|
break; |
|
2765
|
|
|
default: |
|
2766
|
|
|
error('Got unknown common object type ' + type); |
|
2767
|
|
|
} |
|
2768
|
|
|
}, this); |
|
2769
|
|
|
|
|
2770
|
|
|
messageHandler.on('obj', function transportObj(data) { |
|
2771
|
|
|
var id = data[0]; |
|
2772
|
|
|
var pageIndex = data[1]; |
|
2773
|
|
|
var type = data[2]; |
|
2774
|
|
|
var pageProxy = this.pageCache[pageIndex]; |
|
2775
|
|
|
var imageData; |
|
2776
|
|
|
if (pageProxy.objs.hasData(id)) { |
|
2777
|
|
|
return; |
|
2778
|
|
|
} |
|
2779
|
|
|
|
|
2780
|
|
|
switch (type) { |
|
2781
|
|
|
case 'JpegStream': |
|
2782
|
|
|
imageData = data[3]; |
|
2783
|
|
|
loadJpegStream(id, imageData, pageProxy.objs); |
|
2784
|
|
|
break; |
|
2785
|
|
|
case 'Image': |
|
2786
|
|
|
imageData = data[3]; |
|
2787
|
|
|
pageProxy.objs.resolve(id, imageData); |
|
2788
|
|
|
|
|
2789
|
|
|
// heuristics that will allow not to store large data |
|
2790
|
|
|
var MAX_IMAGE_SIZE_TO_STORE = 8000000; |
|
2791
|
|
|
if (imageData && 'data' in imageData && |
|
2792
|
|
|
imageData.data.length > MAX_IMAGE_SIZE_TO_STORE) { |
|
2793
|
|
|
pageProxy.cleanupAfterRender = true; |
|
2794
|
|
|
} |
|
2795
|
|
|
break; |
|
2796
|
|
|
default: |
|
2797
|
|
|
error('Got unknown object type ' + type); |
|
2798
|
|
|
} |
|
2799
|
|
|
}, this); |
|
2800
|
|
|
|
|
2801
|
|
|
messageHandler.on('DocProgress', function transportDocProgress(data) { |
|
2802
|
|
|
var loadingTask = this.loadingTask; |
|
2803
|
|
|
if (loadingTask.onProgress) { |
|
2804
|
|
|
loadingTask.onProgress({ |
|
2805
|
|
|
loaded: data.loaded, |
|
2806
|
|
|
total: data.total |
|
2807
|
|
|
}); |
|
2808
|
|
|
} |
|
2809
|
|
|
}, this); |
|
2810
|
|
|
|
|
2811
|
|
|
messageHandler.on('PageError', function transportError(data) { |
|
2812
|
|
|
var page = this.pageCache[data.pageNum - 1]; |
|
2813
|
|
|
var intentState = page.intentStates[data.intent]; |
|
2814
|
|
|
if (intentState.displayReadyCapability) { |
|
2815
|
|
|
intentState.displayReadyCapability.reject(data.error); |
|
2816
|
|
|
} else { |
|
2817
|
|
|
error(data.error); |
|
2818
|
|
|
} |
|
2819
|
|
|
}, this); |
|
2820
|
|
|
|
|
2821
|
|
|
messageHandler.on('JpegDecode', function(data) { |
|
2822
|
|
|
var imageUrl = data[0]; |
|
2823
|
|
|
var components = data[1]; |
|
2824
|
|
|
if (components !== 3 && components !== 1) { |
|
2825
|
|
|
return Promise.reject( |
|
2826
|
|
|
new Error('Only 3 components or 1 component can be returned')); |
|
2827
|
|
|
} |
|
2828
|
|
|
|
|
2829
|
|
|
return new Promise(function (resolve, reject) { |
|
2830
|
|
|
var img = new Image(); |
|
|
|
|
|
|
2831
|
|
|
img.onload = function () { |
|
2832
|
|
|
var width = img.width; |
|
2833
|
|
|
var height = img.height; |
|
2834
|
|
|
var size = width * height; |
|
2835
|
|
|
var rgbaLength = size * 4; |
|
2836
|
|
|
var buf = new Uint8Array(size * components); |
|
2837
|
|
|
var tmpCanvas = createScratchCanvas(width, height); |
|
2838
|
|
|
var tmpCtx = tmpCanvas.getContext('2d'); |
|
2839
|
|
|
tmpCtx.drawImage(img, 0, 0); |
|
2840
|
|
|
var data = tmpCtx.getImageData(0, 0, width, height).data; |
|
2841
|
|
|
var i, j; |
|
2842
|
|
|
|
|
2843
|
|
|
if (components === 3) { |
|
2844
|
|
|
for (i = 0, j = 0; i < rgbaLength; i += 4, j += 3) { |
|
2845
|
|
|
buf[j] = data[i]; |
|
2846
|
|
|
buf[j + 1] = data[i + 1]; |
|
2847
|
|
|
buf[j + 2] = data[i + 2]; |
|
2848
|
|
|
} |
|
2849
|
|
|
} else if (components === 1) { |
|
2850
|
|
|
for (i = 0, j = 0; i < rgbaLength; i += 4, j++) { |
|
2851
|
|
|
buf[j] = data[i]; |
|
2852
|
|
|
} |
|
2853
|
|
|
} |
|
2854
|
|
|
resolve({ data: buf, width: width, height: height}); |
|
2855
|
|
|
}; |
|
2856
|
|
|
img.onerror = function () { |
|
2857
|
|
|
reject(new Error('JpegDecode failed to load image')); |
|
2858
|
|
|
}; |
|
2859
|
|
|
img.src = imageUrl; |
|
2860
|
|
|
}); |
|
2861
|
|
|
}); |
|
2862
|
|
|
}, |
|
2863
|
|
|
|
|
2864
|
|
|
fetchDocument: function WorkerTransport_fetchDocument(loadingTask, source) { |
|
2865
|
|
|
this.loadingTask = loadingTask; |
|
2866
|
|
|
|
|
2867
|
|
|
source.disableAutoFetch = PDFJS.disableAutoFetch; |
|
2868
|
|
|
source.disableStream = PDFJS.disableStream; |
|
2869
|
|
|
source.chunkedViewerLoading = !!this.pdfDataRangeTransport; |
|
2870
|
|
|
if (this.pdfDataRangeTransport) { |
|
2871
|
|
|
source.length = this.pdfDataRangeTransport.length; |
|
2872
|
|
|
source.initialData = this.pdfDataRangeTransport.initialData; |
|
2873
|
|
|
} |
|
2874
|
|
|
this.messageHandler.send('GetDocRequest', { |
|
2875
|
|
|
source: source, |
|
2876
|
|
|
disableRange: PDFJS.disableRange, |
|
2877
|
|
|
maxImageSize: PDFJS.maxImageSize, |
|
2878
|
|
|
cMapUrl: PDFJS.cMapUrl, |
|
2879
|
|
|
cMapPacked: PDFJS.cMapPacked, |
|
2880
|
|
|
disableFontFace: PDFJS.disableFontFace, |
|
2881
|
|
|
disableCreateObjectURL: PDFJS.disableCreateObjectURL, |
|
2882
|
|
|
verbosity: PDFJS.verbosity |
|
2883
|
|
|
}); |
|
2884
|
|
|
}, |
|
2885
|
|
|
|
|
2886
|
|
|
getData: function WorkerTransport_getData() { |
|
2887
|
|
|
return this.messageHandler.sendWithPromise('GetData', null); |
|
2888
|
|
|
}, |
|
2889
|
|
|
|
|
2890
|
|
|
getPage: function WorkerTransport_getPage(pageNumber, capability) { |
|
|
|
|
|
|
2891
|
|
|
if (pageNumber <= 0 || pageNumber > this.numPages || |
|
2892
|
|
|
(pageNumber|0) !== pageNumber) { |
|
2893
|
|
|
return Promise.reject(new Error('Invalid page request')); |
|
2894
|
|
|
} |
|
2895
|
|
|
|
|
2896
|
|
|
var pageIndex = pageNumber - 1; |
|
2897
|
|
|
if (pageIndex in this.pagePromises) { |
|
2898
|
|
|
return this.pagePromises[pageIndex]; |
|
2899
|
|
|
} |
|
2900
|
|
|
var promise = this.messageHandler.sendWithPromise('GetPage', { |
|
2901
|
|
|
pageIndex: pageIndex |
|
2902
|
|
|
}).then(function (pageInfo) { |
|
2903
|
|
|
var page = new PDFPageProxy(pageIndex, pageInfo, this); |
|
2904
|
|
|
this.pageCache[pageIndex] = page; |
|
2905
|
|
|
return page; |
|
2906
|
|
|
}.bind(this)); |
|
2907
|
|
|
this.pagePromises[pageIndex] = promise; |
|
2908
|
|
|
return promise; |
|
2909
|
|
|
}, |
|
2910
|
|
|
|
|
2911
|
|
|
getPageIndex: function WorkerTransport_getPageIndexByRef(ref) { |
|
2912
|
|
|
return this.messageHandler.sendWithPromise('GetPageIndex', { ref: ref }); |
|
2913
|
|
|
}, |
|
2914
|
|
|
|
|
2915
|
|
|
getAnnotations: function WorkerTransport_getAnnotations(pageIndex) { |
|
2916
|
|
|
return this.messageHandler.sendWithPromise('GetAnnotations', |
|
2917
|
|
|
{ pageIndex: pageIndex }); |
|
2918
|
|
|
}, |
|
2919
|
|
|
|
|
2920
|
|
|
getDestinations: function WorkerTransport_getDestinations() { |
|
2921
|
|
|
return this.messageHandler.sendWithPromise('GetDestinations', null); |
|
2922
|
|
|
}, |
|
2923
|
|
|
|
|
2924
|
|
|
getDestination: function WorkerTransport_getDestination(id) { |
|
2925
|
|
|
return this.messageHandler.sendWithPromise('GetDestination', { id: id } ); |
|
2926
|
|
|
}, |
|
2927
|
|
|
|
|
2928
|
|
|
getAttachments: function WorkerTransport_getAttachments() { |
|
2929
|
|
|
return this.messageHandler.sendWithPromise('GetAttachments', null); |
|
2930
|
|
|
}, |
|
2931
|
|
|
|
|
2932
|
|
|
getJavaScript: function WorkerTransport_getJavaScript() { |
|
2933
|
|
|
return this.messageHandler.sendWithPromise('GetJavaScript', null); |
|
2934
|
|
|
}, |
|
2935
|
|
|
|
|
2936
|
|
|
getOutline: function WorkerTransport_getOutline() { |
|
2937
|
|
|
return this.messageHandler.sendWithPromise('GetOutline', null); |
|
2938
|
|
|
}, |
|
2939
|
|
|
|
|
2940
|
|
|
getMetadata: function WorkerTransport_getMetadata() { |
|
2941
|
|
|
return this.messageHandler.sendWithPromise('GetMetadata', null). |
|
2942
|
|
|
then(function transportMetadata(results) { |
|
2943
|
|
|
return { |
|
2944
|
|
|
info: results[0], |
|
2945
|
|
|
metadata: (results[1] ? new PDFJS.Metadata(results[1]) : null) |
|
2946
|
|
|
}; |
|
2947
|
|
|
}); |
|
2948
|
|
|
}, |
|
2949
|
|
|
|
|
2950
|
|
|
getStats: function WorkerTransport_getStats() { |
|
2951
|
|
|
return this.messageHandler.sendWithPromise('GetStats', null); |
|
2952
|
|
|
}, |
|
2953
|
|
|
|
|
2954
|
|
|
startCleanup: function WorkerTransport_startCleanup() { |
|
2955
|
|
|
this.messageHandler.sendWithPromise('Cleanup', null). |
|
2956
|
|
|
then(function endCleanup() { |
|
2957
|
|
|
for (var i = 0, ii = this.pageCache.length; i < ii; i++) { |
|
2958
|
|
|
var page = this.pageCache[i]; |
|
2959
|
|
|
if (page) { |
|
2960
|
|
|
page.destroy(); |
|
2961
|
|
|
} |
|
2962
|
|
|
} |
|
2963
|
|
|
this.commonObjs.clear(); |
|
2964
|
|
|
FontLoader.clear(); |
|
2965
|
|
|
}.bind(this)); |
|
2966
|
|
|
} |
|
2967
|
|
|
}; |
|
2968
|
|
|
return WorkerTransport; |
|
2969
|
|
|
|
|
2970
|
|
|
})(); |
|
2971
|
|
|
|
|
2972
|
|
|
/** |
|
2973
|
|
|
* A PDF document and page is built of many objects. E.g. there are objects |
|
2974
|
|
|
* for fonts, images, rendering code and such. These objects might get processed |
|
2975
|
|
|
* inside of a worker. The `PDFObjects` implements some basic functions to |
|
2976
|
|
|
* manage these objects. |
|
2977
|
|
|
* @ignore |
|
2978
|
|
|
*/ |
|
2979
|
|
|
var PDFObjects = (function PDFObjectsClosure() { |
|
2980
|
|
|
function PDFObjects() { |
|
2981
|
|
|
this.objs = {}; |
|
2982
|
|
|
} |
|
2983
|
|
|
|
|
2984
|
|
|
PDFObjects.prototype = { |
|
2985
|
|
|
/** |
|
2986
|
|
|
* Internal function. |
|
2987
|
|
|
* Ensures there is an object defined for `objId`. |
|
2988
|
|
|
*/ |
|
2989
|
|
|
ensureObj: function PDFObjects_ensureObj(objId) { |
|
2990
|
|
|
if (this.objs[objId]) { |
|
2991
|
|
|
return this.objs[objId]; |
|
2992
|
|
|
} |
|
2993
|
|
|
|
|
2994
|
|
|
var obj = { |
|
2995
|
|
|
capability: createPromiseCapability(), |
|
2996
|
|
|
data: null, |
|
2997
|
|
|
resolved: false |
|
2998
|
|
|
}; |
|
2999
|
|
|
this.objs[objId] = obj; |
|
3000
|
|
|
|
|
3001
|
|
|
return obj; |
|
3002
|
|
|
}, |
|
3003
|
|
|
|
|
3004
|
|
|
/** |
|
3005
|
|
|
* If called *without* callback, this returns the data of `objId` but the |
|
3006
|
|
|
* object needs to be resolved. If it isn't, this function throws. |
|
3007
|
|
|
* |
|
3008
|
|
|
* If called *with* a callback, the callback is called with the data of the |
|
3009
|
|
|
* object once the object is resolved. That means, if you call this |
|
3010
|
|
|
* function and the object is already resolved, the callback gets called |
|
3011
|
|
|
* right away. |
|
3012
|
|
|
*/ |
|
3013
|
|
|
get: function PDFObjects_get(objId, callback) { |
|
3014
|
|
|
// If there is a callback, then the get can be async and the object is |
|
3015
|
|
|
// not required to be resolved right now |
|
3016
|
|
|
if (callback) { |
|
3017
|
|
|
this.ensureObj(objId).capability.promise.then(callback); |
|
3018
|
|
|
return null; |
|
3019
|
|
|
} |
|
3020
|
|
|
|
|
3021
|
|
|
// If there isn't a callback, the user expects to get the resolved data |
|
3022
|
|
|
// directly. |
|
3023
|
|
|
var obj = this.objs[objId]; |
|
3024
|
|
|
|
|
3025
|
|
|
// If there isn't an object yet or the object isn't resolved, then the |
|
3026
|
|
|
// data isn't ready yet! |
|
3027
|
|
|
if (!obj || !obj.resolved) { |
|
3028
|
|
|
error('Requesting object that isn\'t resolved yet ' + objId); |
|
3029
|
|
|
} |
|
3030
|
|
|
|
|
3031
|
|
|
return obj.data; |
|
3032
|
|
|
}, |
|
3033
|
|
|
|
|
3034
|
|
|
/** |
|
3035
|
|
|
* Resolves the object `objId` with optional `data`. |
|
3036
|
|
|
*/ |
|
3037
|
|
|
resolve: function PDFObjects_resolve(objId, data) { |
|
3038
|
|
|
var obj = this.ensureObj(objId); |
|
3039
|
|
|
|
|
3040
|
|
|
obj.resolved = true; |
|
3041
|
|
|
obj.data = data; |
|
3042
|
|
|
obj.capability.resolve(data); |
|
3043
|
|
|
}, |
|
3044
|
|
|
|
|
3045
|
|
|
isResolved: function PDFObjects_isResolved(objId) { |
|
3046
|
|
|
var objs = this.objs; |
|
3047
|
|
|
|
|
3048
|
|
|
if (!objs[objId]) { |
|
3049
|
|
|
return false; |
|
3050
|
|
|
} else { |
|
3051
|
|
|
return objs[objId].resolved; |
|
3052
|
|
|
} |
|
3053
|
|
|
}, |
|
3054
|
|
|
|
|
3055
|
|
|
hasData: function PDFObjects_hasData(objId) { |
|
3056
|
|
|
return this.isResolved(objId); |
|
3057
|
|
|
}, |
|
3058
|
|
|
|
|
3059
|
|
|
/** |
|
3060
|
|
|
* Returns the data of `objId` if object exists, null otherwise. |
|
3061
|
|
|
*/ |
|
3062
|
|
|
getData: function PDFObjects_getData(objId) { |
|
3063
|
|
|
var objs = this.objs; |
|
3064
|
|
|
if (!objs[objId] || !objs[objId].resolved) { |
|
3065
|
|
|
return null; |
|
3066
|
|
|
} else { |
|
3067
|
|
|
return objs[objId].data; |
|
3068
|
|
|
} |
|
3069
|
|
|
}, |
|
3070
|
|
|
|
|
3071
|
|
|
clear: function PDFObjects_clear() { |
|
3072
|
|
|
this.objs = {}; |
|
3073
|
|
|
} |
|
3074
|
|
|
}; |
|
3075
|
|
|
return PDFObjects; |
|
3076
|
|
|
})(); |
|
3077
|
|
|
|
|
3078
|
|
|
/** |
|
3079
|
|
|
* Allows controlling of the rendering tasks. |
|
3080
|
|
|
* @class |
|
3081
|
|
|
*/ |
|
3082
|
|
|
var RenderTask = (function RenderTaskClosure() { |
|
3083
|
|
|
function RenderTask(internalRenderTask) { |
|
3084
|
|
|
this._internalRenderTask = internalRenderTask; |
|
3085
|
|
|
|
|
3086
|
|
|
/** |
|
3087
|
|
|
* Callback for incremental rendering -- a function that will be called |
|
3088
|
|
|
* each time the rendering is paused. To continue rendering call the |
|
3089
|
|
|
* function that is the first argument to the callback. |
|
3090
|
|
|
* @type {function} |
|
3091
|
|
|
*/ |
|
3092
|
|
|
this.onContinue = null; |
|
3093
|
|
|
} |
|
3094
|
|
|
|
|
3095
|
|
|
RenderTask.prototype = /** @lends RenderTask.prototype */ { |
|
3096
|
|
|
/** |
|
3097
|
|
|
* Promise for rendering task completion. |
|
3098
|
|
|
* @return {Promise} |
|
3099
|
|
|
*/ |
|
3100
|
|
|
get promise() { |
|
3101
|
|
|
return this._internalRenderTask.capability.promise; |
|
3102
|
|
|
}, |
|
3103
|
|
|
|
|
3104
|
|
|
/** |
|
3105
|
|
|
* Cancels the rendering task. If the task is currently rendering it will |
|
3106
|
|
|
* not be cancelled until graphics pauses with a timeout. The promise that |
|
3107
|
|
|
* this object extends will resolved when cancelled. |
|
3108
|
|
|
*/ |
|
3109
|
|
|
cancel: function RenderTask_cancel() { |
|
3110
|
|
|
this._internalRenderTask.cancel(); |
|
3111
|
|
|
}, |
|
3112
|
|
|
|
|
3113
|
|
|
/** |
|
3114
|
|
|
* Registers callbacks to indicate the rendering task completion. |
|
3115
|
|
|
* |
|
3116
|
|
|
* @param {function} onFulfilled The callback for the rendering completion. |
|
3117
|
|
|
* @param {function} onRejected The callback for the rendering failure. |
|
3118
|
|
|
* @return {Promise} A promise that is resolved after the onFulfilled or |
|
3119
|
|
|
* onRejected callback. |
|
3120
|
|
|
*/ |
|
3121
|
|
|
then: function RenderTask_then(onFulfilled, onRejected) { |
|
|
|
|
|
|
3122
|
|
|
return this.promise.then.apply(this.promise, arguments); |
|
3123
|
|
|
} |
|
3124
|
|
|
}; |
|
3125
|
|
|
|
|
3126
|
|
|
return RenderTask; |
|
3127
|
|
|
})(); |
|
3128
|
|
|
|
|
3129
|
|
|
/** |
|
3130
|
|
|
* For internal use only. |
|
3131
|
|
|
* @ignore |
|
3132
|
|
|
*/ |
|
3133
|
|
|
var InternalRenderTask = (function InternalRenderTaskClosure() { |
|
3134
|
|
|
|
|
3135
|
|
|
function InternalRenderTask(callback, params, objs, commonObjs, operatorList, |
|
3136
|
|
|
pageNumber) { |
|
3137
|
|
|
this.callback = callback; |
|
3138
|
|
|
this.params = params; |
|
3139
|
|
|
this.objs = objs; |
|
3140
|
|
|
this.commonObjs = commonObjs; |
|
3141
|
|
|
this.operatorListIdx = null; |
|
3142
|
|
|
this.operatorList = operatorList; |
|
3143
|
|
|
this.pageNumber = pageNumber; |
|
3144
|
|
|
this.running = false; |
|
3145
|
|
|
this.graphicsReadyCallback = null; |
|
3146
|
|
|
this.graphicsReady = false; |
|
3147
|
|
|
this.cancelled = false; |
|
3148
|
|
|
this.capability = createPromiseCapability(); |
|
3149
|
|
|
this.task = new RenderTask(this); |
|
3150
|
|
|
// caching this-bound methods |
|
3151
|
|
|
this._continueBound = this._continue.bind(this); |
|
3152
|
|
|
this._scheduleNextBound = this._scheduleNext.bind(this); |
|
3153
|
|
|
this._nextBound = this._next.bind(this); |
|
3154
|
|
|
} |
|
3155
|
|
|
|
|
3156
|
|
|
InternalRenderTask.prototype = { |
|
3157
|
|
|
|
|
3158
|
|
|
initalizeGraphics: |
|
3159
|
|
|
function InternalRenderTask_initalizeGraphics(transparency) { |
|
3160
|
|
|
|
|
3161
|
|
|
if (this.cancelled) { |
|
3162
|
|
|
return; |
|
3163
|
|
|
} |
|
3164
|
|
|
if (PDFJS.pdfBug && 'StepperManager' in globalScope && |
|
3165
|
|
|
globalScope.StepperManager.enabled) { |
|
3166
|
|
|
this.stepper = globalScope.StepperManager.create(this.pageNumber - 1); |
|
3167
|
|
|
this.stepper.init(this.operatorList); |
|
3168
|
|
|
this.stepper.nextBreakPoint = this.stepper.getNextBreakPoint(); |
|
3169
|
|
|
} |
|
3170
|
|
|
|
|
3171
|
|
|
var params = this.params; |
|
3172
|
|
|
this.gfx = new CanvasGraphics(params.canvasContext, this.commonObjs, |
|
3173
|
|
|
this.objs, params.imageLayer); |
|
3174
|
|
|
|
|
3175
|
|
|
this.gfx.beginDrawing(params.viewport, transparency); |
|
3176
|
|
|
this.operatorListIdx = 0; |
|
3177
|
|
|
this.graphicsReady = true; |
|
3178
|
|
|
if (this.graphicsReadyCallback) { |
|
3179
|
|
|
this.graphicsReadyCallback(); |
|
3180
|
|
|
} |
|
3181
|
|
|
}, |
|
3182
|
|
|
|
|
3183
|
|
|
cancel: function InternalRenderTask_cancel() { |
|
3184
|
|
|
this.running = false; |
|
3185
|
|
|
this.cancelled = true; |
|
3186
|
|
|
this.callback('cancelled'); |
|
3187
|
|
|
}, |
|
3188
|
|
|
|
|
3189
|
|
|
operatorListChanged: function InternalRenderTask_operatorListChanged() { |
|
3190
|
|
|
if (!this.graphicsReady) { |
|
3191
|
|
|
if (!this.graphicsReadyCallback) { |
|
3192
|
|
|
this.graphicsReadyCallback = this._continueBound; |
|
3193
|
|
|
} |
|
3194
|
|
|
return; |
|
3195
|
|
|
} |
|
3196
|
|
|
|
|
3197
|
|
|
if (this.stepper) { |
|
3198
|
|
|
this.stepper.updateOperatorList(this.operatorList); |
|
3199
|
|
|
} |
|
3200
|
|
|
|
|
3201
|
|
|
if (this.running) { |
|
3202
|
|
|
return; |
|
3203
|
|
|
} |
|
3204
|
|
|
this._continue(); |
|
3205
|
|
|
}, |
|
3206
|
|
|
|
|
3207
|
|
|
_continue: function InternalRenderTask__continue() { |
|
3208
|
|
|
this.running = true; |
|
3209
|
|
|
if (this.cancelled) { |
|
3210
|
|
|
return; |
|
3211
|
|
|
} |
|
3212
|
|
|
if (this.task.onContinue) { |
|
3213
|
|
|
this.task.onContinue.call(this.task, this._scheduleNextBound); |
|
3214
|
|
|
} else { |
|
3215
|
|
|
this._scheduleNext(); |
|
3216
|
|
|
} |
|
3217
|
|
|
}, |
|
3218
|
|
|
|
|
3219
|
|
|
_scheduleNext: function InternalRenderTask__scheduleNext() { |
|
3220
|
|
|
window.requestAnimationFrame(this._nextBound); |
|
3221
|
|
|
}, |
|
3222
|
|
|
|
|
3223
|
|
|
_next: function InternalRenderTask__next() { |
|
3224
|
|
|
if (this.cancelled) { |
|
3225
|
|
|
return; |
|
3226
|
|
|
} |
|
3227
|
|
|
this.operatorListIdx = this.gfx.executeOperatorList(this.operatorList, |
|
3228
|
|
|
this.operatorListIdx, |
|
3229
|
|
|
this._continueBound, |
|
3230
|
|
|
this.stepper); |
|
3231
|
|
|
if (this.operatorListIdx === this.operatorList.argsArray.length) { |
|
3232
|
|
|
this.running = false; |
|
3233
|
|
|
if (this.operatorList.lastChunk) { |
|
3234
|
|
|
this.gfx.endDrawing(); |
|
3235
|
|
|
this.callback(); |
|
3236
|
|
|
} |
|
3237
|
|
|
} |
|
3238
|
|
|
} |
|
3239
|
|
|
|
|
3240
|
|
|
}; |
|
3241
|
|
|
|
|
3242
|
|
|
return InternalRenderTask; |
|
3243
|
|
|
})(); |
|
3244
|
|
|
|
|
3245
|
|
|
|
|
3246
|
|
|
var Metadata = PDFJS.Metadata = (function MetadataClosure() { |
|
3247
|
|
|
function fixMetadata(meta) { |
|
3248
|
|
|
return meta.replace(/>\\376\\377([^<]+)/g, function(all, codes) { |
|
3249
|
|
|
var bytes = codes.replace(/\\([0-3])([0-7])([0-7])/g, |
|
3250
|
|
|
function(code, d1, d2, d3) { |
|
3251
|
|
|
return String.fromCharCode(d1 * 64 + d2 * 8 + d3 * 1); |
|
3252
|
|
|
}); |
|
3253
|
|
|
var chars = ''; |
|
3254
|
|
|
for (var i = 0; i < bytes.length; i += 2) { |
|
3255
|
|
|
var code = bytes.charCodeAt(i) * 256 + bytes.charCodeAt(i + 1); |
|
3256
|
|
|
chars += code >= 32 && code < 127 && code !== 60 && code !== 62 && |
|
3257
|
|
|
code !== 38 && false ? String.fromCharCode(code) : |
|
3258
|
|
|
'&#x' + (0x10000 + code).toString(16).substring(1) + ';'; |
|
3259
|
|
|
} |
|
3260
|
|
|
return '>' + chars; |
|
3261
|
|
|
}); |
|
3262
|
|
|
} |
|
3263
|
|
|
|
|
3264
|
|
|
function Metadata(meta) { |
|
3265
|
|
|
if (typeof meta === 'string') { |
|
3266
|
|
|
// Ghostscript produces invalid metadata |
|
3267
|
|
|
meta = fixMetadata(meta); |
|
3268
|
|
|
|
|
3269
|
|
|
var parser = new DOMParser(); |
|
|
|
|
|
|
3270
|
|
|
meta = parser.parseFromString(meta, 'application/xml'); |
|
3271
|
|
|
} else if (!(meta instanceof Document)) { |
|
|
|
|
|
|
3272
|
|
|
error('Metadata: Invalid metadata object'); |
|
3273
|
|
|
} |
|
3274
|
|
|
|
|
3275
|
|
|
this.metaDocument = meta; |
|
3276
|
|
|
this.metadata = {}; |
|
3277
|
|
|
this.parse(); |
|
3278
|
|
|
} |
|
3279
|
|
|
|
|
3280
|
|
|
Metadata.prototype = { |
|
3281
|
|
|
parse: function Metadata_parse() { |
|
3282
|
|
|
var doc = this.metaDocument; |
|
3283
|
|
|
var rdf = doc.documentElement; |
|
3284
|
|
|
|
|
3285
|
|
|
if (rdf.nodeName.toLowerCase() !== 'rdf:rdf') { // Wrapped in <xmpmeta> |
|
3286
|
|
|
rdf = rdf.firstChild; |
|
3287
|
|
|
while (rdf && rdf.nodeName.toLowerCase() !== 'rdf:rdf') { |
|
3288
|
|
|
rdf = rdf.nextSibling; |
|
3289
|
|
|
} |
|
3290
|
|
|
} |
|
3291
|
|
|
|
|
3292
|
|
|
var nodeName = (rdf) ? rdf.nodeName.toLowerCase() : null; |
|
3293
|
|
|
if (!rdf || nodeName !== 'rdf:rdf' || !rdf.hasChildNodes()) { |
|
3294
|
|
|
return; |
|
3295
|
|
|
} |
|
3296
|
|
|
|
|
3297
|
|
|
var children = rdf.childNodes, desc, entry, name, i, ii, length, iLength; |
|
3298
|
|
|
for (i = 0, length = children.length; i < length; i++) { |
|
3299
|
|
|
desc = children[i]; |
|
3300
|
|
|
if (desc.nodeName.toLowerCase() !== 'rdf:description') { |
|
3301
|
|
|
continue; |
|
3302
|
|
|
} |
|
3303
|
|
|
|
|
3304
|
|
|
for (ii = 0, iLength = desc.childNodes.length; ii < iLength; ii++) { |
|
3305
|
|
|
if (desc.childNodes[ii].nodeName.toLowerCase() !== '#text') { |
|
3306
|
|
|
entry = desc.childNodes[ii]; |
|
3307
|
|
|
name = entry.nodeName.toLowerCase(); |
|
3308
|
|
|
this.metadata[name] = entry.textContent.trim(); |
|
3309
|
|
|
} |
|
3310
|
|
|
} |
|
3311
|
|
|
} |
|
3312
|
|
|
}, |
|
3313
|
|
|
|
|
3314
|
|
|
get: function Metadata_get(name) { |
|
3315
|
|
|
return this.metadata[name] || null; |
|
3316
|
|
|
}, |
|
3317
|
|
|
|
|
3318
|
|
|
has: function Metadata_has(name) { |
|
3319
|
|
|
return typeof this.metadata[name] !== 'undefined'; |
|
3320
|
|
|
} |
|
3321
|
|
|
}; |
|
3322
|
|
|
|
|
3323
|
|
|
return Metadata; |
|
3324
|
|
|
})(); |
|
3325
|
|
|
|
|
3326
|
|
|
|
|
3327
|
|
|
// <canvas> contexts store most of the state we need natively. |
|
3328
|
|
|
// However, PDF needs a bit more state, which we store here. |
|
3329
|
|
|
|
|
3330
|
|
|
// Minimal font size that would be used during canvas fillText operations. |
|
3331
|
|
|
var MIN_FONT_SIZE = 16; |
|
3332
|
|
|
// Maximum font size that would be used during canvas fillText operations. |
|
3333
|
|
|
var MAX_FONT_SIZE = 100; |
|
3334
|
|
|
var MAX_GROUP_SIZE = 4096; |
|
3335
|
|
|
|
|
3336
|
|
|
// Heuristic value used when enforcing minimum line widths. |
|
3337
|
|
|
var MIN_WIDTH_FACTOR = 0.65; |
|
3338
|
|
|
|
|
3339
|
|
|
var COMPILE_TYPE3_GLYPHS = true; |
|
3340
|
|
|
var MAX_SIZE_TO_COMPILE = 1000; |
|
3341
|
|
|
|
|
3342
|
|
|
var FULL_CHUNK_HEIGHT = 16; |
|
3343
|
|
|
|
|
3344
|
|
|
function createScratchCanvas(width, height) { |
|
3345
|
|
|
var canvas = document.createElement('canvas'); |
|
3346
|
|
|
canvas.width = width; |
|
3347
|
|
|
canvas.height = height; |
|
3348
|
|
|
return canvas; |
|
3349
|
|
|
} |
|
3350
|
|
|
|
|
3351
|
|
|
function addContextCurrentTransform(ctx) { |
|
3352
|
|
|
// If the context doesn't expose a `mozCurrentTransform`, add a JS based one. |
|
3353
|
|
|
if (!ctx.mozCurrentTransform) { |
|
3354
|
|
|
ctx._originalSave = ctx.save; |
|
3355
|
|
|
ctx._originalRestore = ctx.restore; |
|
3356
|
|
|
ctx._originalRotate = ctx.rotate; |
|
3357
|
|
|
ctx._originalScale = ctx.scale; |
|
3358
|
|
|
ctx._originalTranslate = ctx.translate; |
|
3359
|
|
|
ctx._originalTransform = ctx.transform; |
|
3360
|
|
|
ctx._originalSetTransform = ctx.setTransform; |
|
3361
|
|
|
|
|
3362
|
|
|
ctx._transformMatrix = ctx._transformMatrix || [1, 0, 0, 1, 0, 0]; |
|
3363
|
|
|
ctx._transformStack = []; |
|
3364
|
|
|
|
|
3365
|
|
|
Object.defineProperty(ctx, 'mozCurrentTransform', { |
|
3366
|
|
|
get: function getCurrentTransform() { |
|
3367
|
|
|
return this._transformMatrix; |
|
3368
|
|
|
} |
|
3369
|
|
|
}); |
|
3370
|
|
|
|
|
3371
|
|
|
Object.defineProperty(ctx, 'mozCurrentTransformInverse', { |
|
3372
|
|
|
get: function getCurrentTransformInverse() { |
|
3373
|
|
|
// Calculation done using WolframAlpha: |
|
3374
|
|
|
// http://www.wolframalpha.com/input/? |
|
3375
|
|
|
// i=Inverse+{{a%2C+c%2C+e}%2C+{b%2C+d%2C+f}%2C+{0%2C+0%2C+1}} |
|
3376
|
|
|
|
|
3377
|
|
|
var m = this._transformMatrix; |
|
3378
|
|
|
var a = m[0], b = m[1], c = m[2], d = m[3], e = m[4], f = m[5]; |
|
3379
|
|
|
|
|
3380
|
|
|
var ad_bc = a * d - b * c; |
|
3381
|
|
|
var bc_ad = b * c - a * d; |
|
3382
|
|
|
|
|
3383
|
|
|
return [ |
|
3384
|
|
|
d / ad_bc, |
|
3385
|
|
|
b / bc_ad, |
|
3386
|
|
|
c / bc_ad, |
|
3387
|
|
|
a / ad_bc, |
|
3388
|
|
|
(d * e - c * f) / bc_ad, |
|
3389
|
|
|
(b * e - a * f) / ad_bc |
|
3390
|
|
|
]; |
|
3391
|
|
|
} |
|
3392
|
|
|
}); |
|
3393
|
|
|
|
|
3394
|
|
|
ctx.save = function ctxSave() { |
|
3395
|
|
|
var old = this._transformMatrix; |
|
3396
|
|
|
this._transformStack.push(old); |
|
3397
|
|
|
this._transformMatrix = old.slice(0, 6); |
|
3398
|
|
|
|
|
3399
|
|
|
this._originalSave(); |
|
3400
|
|
|
}; |
|
3401
|
|
|
|
|
3402
|
|
|
ctx.restore = function ctxRestore() { |
|
3403
|
|
|
var prev = this._transformStack.pop(); |
|
3404
|
|
|
if (prev) { |
|
3405
|
|
|
this._transformMatrix = prev; |
|
3406
|
|
|
this._originalRestore(); |
|
3407
|
|
|
} |
|
3408
|
|
|
}; |
|
3409
|
|
|
|
|
3410
|
|
|
ctx.translate = function ctxTranslate(x, y) { |
|
3411
|
|
|
var m = this._transformMatrix; |
|
3412
|
|
|
m[4] = m[0] * x + m[2] * y + m[4]; |
|
3413
|
|
|
m[5] = m[1] * x + m[3] * y + m[5]; |
|
3414
|
|
|
|
|
3415
|
|
|
this._originalTranslate(x, y); |
|
3416
|
|
|
}; |
|
3417
|
|
|
|
|
3418
|
|
|
ctx.scale = function ctxScale(x, y) { |
|
3419
|
|
|
var m = this._transformMatrix; |
|
3420
|
|
|
m[0] = m[0] * x; |
|
3421
|
|
|
m[1] = m[1] * x; |
|
3422
|
|
|
m[2] = m[2] * y; |
|
3423
|
|
|
m[3] = m[3] * y; |
|
3424
|
|
|
|
|
3425
|
|
|
this._originalScale(x, y); |
|
3426
|
|
|
}; |
|
3427
|
|
|
|
|
3428
|
|
|
ctx.transform = function ctxTransform(a, b, c, d, e, f) { |
|
3429
|
|
|
var m = this._transformMatrix; |
|
3430
|
|
|
this._transformMatrix = [ |
|
3431
|
|
|
m[0] * a + m[2] * b, |
|
3432
|
|
|
m[1] * a + m[3] * b, |
|
3433
|
|
|
m[0] * c + m[2] * d, |
|
3434
|
|
|
m[1] * c + m[3] * d, |
|
3435
|
|
|
m[0] * e + m[2] * f + m[4], |
|
3436
|
|
|
m[1] * e + m[3] * f + m[5] |
|
3437
|
|
|
]; |
|
3438
|
|
|
|
|
3439
|
|
|
ctx._originalTransform(a, b, c, d, e, f); |
|
3440
|
|
|
}; |
|
3441
|
|
|
|
|
3442
|
|
|
ctx.setTransform = function ctxSetTransform(a, b, c, d, e, f) { |
|
3443
|
|
|
this._transformMatrix = [a, b, c, d, e, f]; |
|
3444
|
|
|
|
|
3445
|
|
|
ctx._originalSetTransform(a, b, c, d, e, f); |
|
3446
|
|
|
}; |
|
3447
|
|
|
|
|
3448
|
|
|
ctx.rotate = function ctxRotate(angle) { |
|
3449
|
|
|
var cosValue = Math.cos(angle); |
|
3450
|
|
|
var sinValue = Math.sin(angle); |
|
3451
|
|
|
|
|
3452
|
|
|
var m = this._transformMatrix; |
|
3453
|
|
|
this._transformMatrix = [ |
|
3454
|
|
|
m[0] * cosValue + m[2] * sinValue, |
|
3455
|
|
|
m[1] * cosValue + m[3] * sinValue, |
|
3456
|
|
|
m[0] * (-sinValue) + m[2] * cosValue, |
|
3457
|
|
|
m[1] * (-sinValue) + m[3] * cosValue, |
|
3458
|
|
|
m[4], |
|
3459
|
|
|
m[5] |
|
3460
|
|
|
]; |
|
3461
|
|
|
|
|
3462
|
|
|
this._originalRotate(angle); |
|
3463
|
|
|
}; |
|
3464
|
|
|
} |
|
3465
|
|
|
} |
|
3466
|
|
|
|
|
3467
|
|
|
var CachedCanvases = (function CachedCanvasesClosure() { |
|
3468
|
|
|
var cache = {}; |
|
3469
|
|
|
return { |
|
3470
|
|
|
getCanvas: function CachedCanvases_getCanvas(id, width, height, |
|
3471
|
|
|
trackTransform) { |
|
3472
|
|
|
var canvasEntry; |
|
3473
|
|
|
if (cache[id] !== undefined) { |
|
3474
|
|
|
canvasEntry = cache[id]; |
|
3475
|
|
|
canvasEntry.canvas.width = width; |
|
3476
|
|
|
canvasEntry.canvas.height = height; |
|
3477
|
|
|
// reset canvas transform for emulated mozCurrentTransform, if needed |
|
3478
|
|
|
canvasEntry.context.setTransform(1, 0, 0, 1, 0, 0); |
|
3479
|
|
|
} else { |
|
3480
|
|
|
var canvas = createScratchCanvas(width, height); |
|
3481
|
|
|
var ctx = canvas.getContext('2d'); |
|
3482
|
|
|
if (trackTransform) { |
|
3483
|
|
|
addContextCurrentTransform(ctx); |
|
3484
|
|
|
} |
|
3485
|
|
|
cache[id] = canvasEntry = {canvas: canvas, context: ctx}; |
|
3486
|
|
|
} |
|
3487
|
|
|
return canvasEntry; |
|
3488
|
|
|
}, |
|
3489
|
|
|
clear: function () { |
|
3490
|
|
|
for (var id in cache) { |
|
|
|
|
|
|
3491
|
|
|
var canvasEntry = cache[id]; |
|
3492
|
|
|
// Zeroing the width and height causes Firefox to release graphics |
|
3493
|
|
|
// resources immediately, which can greatly reduce memory consumption. |
|
3494
|
|
|
canvasEntry.canvas.width = 0; |
|
3495
|
|
|
canvasEntry.canvas.height = 0; |
|
3496
|
|
|
delete cache[id]; |
|
3497
|
|
|
} |
|
3498
|
|
|
} |
|
3499
|
|
|
}; |
|
3500
|
|
|
})(); |
|
3501
|
|
|
|
|
3502
|
|
|
function compileType3Glyph(imgData) { |
|
3503
|
|
|
var POINT_TO_PROCESS_LIMIT = 1000; |
|
3504
|
|
|
|
|
3505
|
|
|
var width = imgData.width, height = imgData.height; |
|
3506
|
|
|
var i, j, j0, width1 = width + 1; |
|
3507
|
|
|
var points = new Uint8Array(width1 * (height + 1)); |
|
3508
|
|
|
var POINT_TYPES = |
|
3509
|
|
|
new Uint8Array([0, 2, 4, 0, 1, 0, 5, 4, 8, 10, 0, 8, 0, 2, 1, 0]); |
|
3510
|
|
|
|
|
3511
|
|
|
// decodes bit-packed mask data |
|
3512
|
|
|
var lineSize = (width + 7) & ~7, data0 = imgData.data; |
|
3513
|
|
|
var data = new Uint8Array(lineSize * height), pos = 0, ii; |
|
3514
|
|
|
for (i = 0, ii = data0.length; i < ii; i++) { |
|
3515
|
|
|
var mask = 128, elem = data0[i]; |
|
3516
|
|
|
while (mask > 0) { |
|
3517
|
|
|
data[pos++] = (elem & mask) ? 0 : 255; |
|
|
|
|
|
|
3518
|
|
|
mask >>= 1; |
|
3519
|
|
|
} |
|
3520
|
|
|
} |
|
3521
|
|
|
|
|
3522
|
|
|
// finding iteresting points: every point is located between mask pixels, |
|
3523
|
|
|
// so there will be points of the (width + 1)x(height + 1) grid. Every point |
|
3524
|
|
|
// will have flags assigned based on neighboring mask pixels: |
|
3525
|
|
|
// 4 | 8 |
|
3526
|
|
|
// --P-- |
|
3527
|
|
|
// 2 | 1 |
|
3528
|
|
|
// We are interested only in points with the flags: |
|
3529
|
|
|
// - outside corners: 1, 2, 4, 8; |
|
3530
|
|
|
// - inside corners: 7, 11, 13, 14; |
|
3531
|
|
|
// - and, intersections: 5, 10. |
|
3532
|
|
|
var count = 0; |
|
3533
|
|
|
pos = 0; |
|
3534
|
|
|
if (data[pos] !== 0) { |
|
3535
|
|
|
points[0] = 1; |
|
3536
|
|
|
++count; |
|
3537
|
|
|
} |
|
3538
|
|
|
for (j = 1; j < width; j++) { |
|
3539
|
|
|
if (data[pos] !== data[pos + 1]) { |
|
3540
|
|
|
points[j] = data[pos] ? 2 : 1; |
|
3541
|
|
|
++count; |
|
3542
|
|
|
} |
|
3543
|
|
|
pos++; |
|
3544
|
|
|
} |
|
3545
|
|
|
if (data[pos] !== 0) { |
|
3546
|
|
|
points[j] = 2; |
|
3547
|
|
|
++count; |
|
3548
|
|
|
} |
|
3549
|
|
|
for (i = 1; i < height; i++) { |
|
3550
|
|
|
pos = i * lineSize; |
|
3551
|
|
|
j0 = i * width1; |
|
3552
|
|
|
if (data[pos - lineSize] !== data[pos]) { |
|
3553
|
|
|
points[j0] = data[pos] ? 1 : 8; |
|
3554
|
|
|
++count; |
|
3555
|
|
|
} |
|
3556
|
|
|
// 'sum' is the position of the current pixel configuration in the 'TYPES' |
|
3557
|
|
|
// array (in order 8-1-2-4, so we can use '>>2' to shift the column). |
|
3558
|
|
|
var sum = (data[pos] ? 4 : 0) + (data[pos - lineSize] ? 8 : 0); |
|
3559
|
|
|
for (j = 1; j < width; j++) { |
|
3560
|
|
|
sum = (sum >> 2) + (data[pos + 1] ? 4 : 0) + |
|
3561
|
|
|
(data[pos - lineSize + 1] ? 8 : 0); |
|
3562
|
|
|
if (POINT_TYPES[sum]) { |
|
3563
|
|
|
points[j0 + j] = POINT_TYPES[sum]; |
|
3564
|
|
|
++count; |
|
3565
|
|
|
} |
|
3566
|
|
|
pos++; |
|
3567
|
|
|
} |
|
3568
|
|
|
if (data[pos - lineSize] !== data[pos]) { |
|
3569
|
|
|
points[j0 + j] = data[pos] ? 2 : 4; |
|
3570
|
|
|
++count; |
|
3571
|
|
|
} |
|
3572
|
|
|
|
|
3573
|
|
|
if (count > POINT_TO_PROCESS_LIMIT) { |
|
3574
|
|
|
return null; |
|
3575
|
|
|
} |
|
3576
|
|
|
} |
|
3577
|
|
|
|
|
3578
|
|
|
pos = lineSize * (height - 1); |
|
3579
|
|
|
j0 = i * width1; |
|
3580
|
|
|
if (data[pos] !== 0) { |
|
3581
|
|
|
points[j0] = 8; |
|
3582
|
|
|
++count; |
|
3583
|
|
|
} |
|
3584
|
|
|
for (j = 1; j < width; j++) { |
|
3585
|
|
|
if (data[pos] !== data[pos + 1]) { |
|
3586
|
|
|
points[j0 + j] = data[pos] ? 4 : 8; |
|
3587
|
|
|
++count; |
|
3588
|
|
|
} |
|
3589
|
|
|
pos++; |
|
3590
|
|
|
} |
|
3591
|
|
|
if (data[pos] !== 0) { |
|
3592
|
|
|
points[j0 + j] = 4; |
|
3593
|
|
|
++count; |
|
3594
|
|
|
} |
|
3595
|
|
|
if (count > POINT_TO_PROCESS_LIMIT) { |
|
3596
|
|
|
return null; |
|
3597
|
|
|
} |
|
3598
|
|
|
|
|
3599
|
|
|
// building outlines |
|
3600
|
|
|
var steps = new Int32Array([0, width1, -1, 0, -width1, 0, 0, 0, 1]); |
|
3601
|
|
|
var outlines = []; |
|
3602
|
|
|
for (i = 0; count && i <= height; i++) { |
|
3603
|
|
|
var p = i * width1; |
|
3604
|
|
|
var end = p + width; |
|
3605
|
|
|
while (p < end && !points[p]) { |
|
3606
|
|
|
p++; |
|
3607
|
|
|
} |
|
3608
|
|
|
if (p === end) { |
|
3609
|
|
|
continue; |
|
3610
|
|
|
} |
|
3611
|
|
|
var coords = [p % width1, i]; |
|
3612
|
|
|
|
|
3613
|
|
|
var type = points[p], p0 = p, pp; |
|
3614
|
|
|
do { |
|
3615
|
|
|
var step = steps[type]; |
|
3616
|
|
|
do { |
|
3617
|
|
|
p += step; |
|
3618
|
|
|
} while (!points[p]); |
|
3619
|
|
|
|
|
3620
|
|
|
pp = points[p]; |
|
3621
|
|
|
if (pp !== 5 && pp !== 10) { |
|
3622
|
|
|
// set new direction |
|
3623
|
|
|
type = pp; |
|
3624
|
|
|
// delete mark |
|
3625
|
|
|
points[p] = 0; |
|
3626
|
|
|
} else { // type is 5 or 10, ie, a crossing |
|
3627
|
|
|
// set new direction |
|
3628
|
|
|
type = pp & ((0x33 * type) >> 4); |
|
3629
|
|
|
// set new type for "future hit" |
|
3630
|
|
|
points[p] &= (type >> 2 | type << 2); |
|
3631
|
|
|
} |
|
3632
|
|
|
|
|
3633
|
|
|
coords.push(p % width1); |
|
3634
|
|
|
coords.push((p / width1) | 0); |
|
3635
|
|
|
--count; |
|
3636
|
|
|
} while (p0 !== p); |
|
3637
|
|
|
outlines.push(coords); |
|
3638
|
|
|
--i; |
|
3639
|
|
|
} |
|
3640
|
|
|
|
|
3641
|
|
|
var drawOutline = function(c) { |
|
3642
|
|
|
c.save(); |
|
3643
|
|
|
// the path shall be painted in [0..1]x[0..1] space |
|
3644
|
|
|
c.scale(1 / width, -1 / height); |
|
3645
|
|
|
c.translate(0, -height); |
|
3646
|
|
|
c.beginPath(); |
|
3647
|
|
|
for (var i = 0, ii = outlines.length; i < ii; i++) { |
|
3648
|
|
|
var o = outlines[i]; |
|
3649
|
|
|
c.moveTo(o[0], o[1]); |
|
3650
|
|
|
for (var j = 2, jj = o.length; j < jj; j += 2) { |
|
3651
|
|
|
c.lineTo(o[j], o[j+1]); |
|
3652
|
|
|
} |
|
3653
|
|
|
} |
|
3654
|
|
|
c.fill(); |
|
3655
|
|
|
c.beginPath(); |
|
3656
|
|
|
c.restore(); |
|
3657
|
|
|
}; |
|
3658
|
|
|
|
|
3659
|
|
|
return drawOutline; |
|
3660
|
|
|
} |
|
3661
|
|
|
|
|
3662
|
|
|
var CanvasExtraState = (function CanvasExtraStateClosure() { |
|
3663
|
|
|
function CanvasExtraState(old) { |
|
3664
|
|
|
// Are soft masks and alpha values shapes or opacities? |
|
3665
|
|
|
this.alphaIsShape = false; |
|
3666
|
|
|
this.fontSize = 0; |
|
3667
|
|
|
this.fontSizeScale = 1; |
|
3668
|
|
|
this.textMatrix = IDENTITY_MATRIX; |
|
3669
|
|
|
this.textMatrixScale = 1; |
|
3670
|
|
|
this.fontMatrix = FONT_IDENTITY_MATRIX; |
|
3671
|
|
|
this.leading = 0; |
|
3672
|
|
|
// Current point (in user coordinates) |
|
3673
|
|
|
this.x = 0; |
|
3674
|
|
|
this.y = 0; |
|
3675
|
|
|
// Start of text line (in text coordinates) |
|
3676
|
|
|
this.lineX = 0; |
|
3677
|
|
|
this.lineY = 0; |
|
3678
|
|
|
// Character and word spacing |
|
3679
|
|
|
this.charSpacing = 0; |
|
3680
|
|
|
this.wordSpacing = 0; |
|
3681
|
|
|
this.textHScale = 1; |
|
3682
|
|
|
this.textRenderingMode = TextRenderingMode.FILL; |
|
3683
|
|
|
this.textRise = 0; |
|
3684
|
|
|
// Default fore and background colors |
|
3685
|
|
|
this.fillColor = '#000000'; |
|
3686
|
|
|
this.strokeColor = '#000000'; |
|
3687
|
|
|
this.patternFill = false; |
|
3688
|
|
|
// Note: fill alpha applies to all non-stroking operations |
|
3689
|
|
|
this.fillAlpha = 1; |
|
3690
|
|
|
this.strokeAlpha = 1; |
|
3691
|
|
|
this.lineWidth = 1; |
|
3692
|
|
|
this.activeSMask = null; // nonclonable field (see the save method below) |
|
3693
|
|
|
|
|
3694
|
|
|
this.old = old; |
|
3695
|
|
|
} |
|
3696
|
|
|
|
|
3697
|
|
|
CanvasExtraState.prototype = { |
|
3698
|
|
|
clone: function CanvasExtraState_clone() { |
|
3699
|
|
|
return Object.create(this); |
|
3700
|
|
|
}, |
|
3701
|
|
|
setCurrentPoint: function CanvasExtraState_setCurrentPoint(x, y) { |
|
3702
|
|
|
this.x = x; |
|
3703
|
|
|
this.y = y; |
|
3704
|
|
|
} |
|
3705
|
|
|
}; |
|
3706
|
|
|
return CanvasExtraState; |
|
3707
|
|
|
})(); |
|
3708
|
|
|
|
|
3709
|
|
|
var CanvasGraphics = (function CanvasGraphicsClosure() { |
|
3710
|
|
|
// Defines the time the executeOperatorList is going to be executing |
|
3711
|
|
|
// before it stops and shedules a continue of execution. |
|
3712
|
|
|
var EXECUTION_TIME = 15; |
|
3713
|
|
|
// Defines the number of steps before checking the execution time |
|
3714
|
|
|
var EXECUTION_STEPS = 10; |
|
3715
|
|
|
|
|
3716
|
|
|
function CanvasGraphics(canvasCtx, commonObjs, objs, imageLayer) { |
|
3717
|
|
|
this.ctx = canvasCtx; |
|
3718
|
|
|
this.current = new CanvasExtraState(); |
|
3719
|
|
|
this.stateStack = []; |
|
3720
|
|
|
this.pendingClip = null; |
|
3721
|
|
|
this.pendingEOFill = false; |
|
3722
|
|
|
this.res = null; |
|
3723
|
|
|
this.xobjs = null; |
|
3724
|
|
|
this.commonObjs = commonObjs; |
|
3725
|
|
|
this.objs = objs; |
|
3726
|
|
|
this.imageLayer = imageLayer; |
|
3727
|
|
|
this.groupStack = []; |
|
3728
|
|
|
this.processingType3 = null; |
|
3729
|
|
|
// Patterns are painted relative to the initial page/form transform, see pdf |
|
3730
|
|
|
// spec 8.7.2 NOTE 1. |
|
3731
|
|
|
this.baseTransform = null; |
|
3732
|
|
|
this.baseTransformStack = []; |
|
3733
|
|
|
this.groupLevel = 0; |
|
3734
|
|
|
this.smaskStack = []; |
|
3735
|
|
|
this.smaskCounter = 0; |
|
3736
|
|
|
this.tempSMask = null; |
|
3737
|
|
|
if (canvasCtx) { |
|
3738
|
|
|
// NOTE: if mozCurrentTransform is polyfilled, then the current state of |
|
3739
|
|
|
// the transformation must already be set in canvasCtx._transformMatrix. |
|
3740
|
|
|
addContextCurrentTransform(canvasCtx); |
|
3741
|
|
|
} |
|
3742
|
|
|
this.cachedGetSinglePixelWidth = null; |
|
3743
|
|
|
} |
|
3744
|
|
|
|
|
3745
|
|
|
function putBinaryImageData(ctx, imgData) { |
|
3746
|
|
|
if (typeof ImageData !== 'undefined' && imgData instanceof ImageData) { |
|
|
|
|
|
|
3747
|
|
|
ctx.putImageData(imgData, 0, 0); |
|
3748
|
|
|
return; |
|
3749
|
|
|
} |
|
3750
|
|
|
|
|
3751
|
|
|
// Put the image data to the canvas in chunks, rather than putting the |
|
3752
|
|
|
// whole image at once. This saves JS memory, because the ImageData object |
|
3753
|
|
|
// is smaller. It also possibly saves C++ memory within the implementation |
|
3754
|
|
|
// of putImageData(). (E.g. in Firefox we make two short-lived copies of |
|
3755
|
|
|
// the data passed to putImageData()). |n| shouldn't be too small, however, |
|
3756
|
|
|
// because too many putImageData() calls will slow things down. |
|
3757
|
|
|
// |
|
3758
|
|
|
// Note: as written, if the last chunk is partial, the putImageData() call |
|
3759
|
|
|
// will (conceptually) put pixels past the bounds of the canvas. But |
|
3760
|
|
|
// that's ok; any such pixels are ignored. |
|
3761
|
|
|
|
|
3762
|
|
|
var height = imgData.height, width = imgData.width; |
|
3763
|
|
|
var partialChunkHeight = height % FULL_CHUNK_HEIGHT; |
|
3764
|
|
|
var fullChunks = (height - partialChunkHeight) / FULL_CHUNK_HEIGHT; |
|
3765
|
|
|
var totalChunks = partialChunkHeight === 0 ? fullChunks : fullChunks + 1; |
|
3766
|
|
|
|
|
3767
|
|
|
var chunkImgData = ctx.createImageData(width, FULL_CHUNK_HEIGHT); |
|
3768
|
|
|
var srcPos = 0, destPos; |
|
3769
|
|
|
var src = imgData.data; |
|
3770
|
|
|
var dest = chunkImgData.data; |
|
3771
|
|
|
var i, j, thisChunkHeight, elemsInThisChunk; |
|
3772
|
|
|
|
|
3773
|
|
|
// There are multiple forms in which the pixel data can be passed, and |
|
3774
|
|
|
// imgData.kind tells us which one this is. |
|
3775
|
|
|
if (imgData.kind === ImageKind.GRAYSCALE_1BPP) { |
|
3776
|
|
|
// Grayscale, 1 bit per pixel (i.e. black-and-white). |
|
3777
|
|
|
var srcLength = src.byteLength; |
|
3778
|
|
|
var dest32 = PDFJS.hasCanvasTypedArrays ? new Uint32Array(dest.buffer) : |
|
3779
|
|
|
new Uint32ArrayView(dest); |
|
3780
|
|
|
var dest32DataLength = dest32.length; |
|
3781
|
|
|
var fullSrcDiff = (width + 7) >> 3; |
|
3782
|
|
|
var white = 0xFFFFFFFF; |
|
3783
|
|
|
var black = (PDFJS.isLittleEndian || !PDFJS.hasCanvasTypedArrays) ? |
|
3784
|
|
|
0xFF000000 : 0x000000FF; |
|
3785
|
|
|
for (i = 0; i < totalChunks; i++) { |
|
3786
|
|
|
thisChunkHeight = |
|
3787
|
|
|
(i < fullChunks) ? FULL_CHUNK_HEIGHT : partialChunkHeight; |
|
3788
|
|
|
destPos = 0; |
|
3789
|
|
|
for (j = 0; j < thisChunkHeight; j++) { |
|
3790
|
|
|
var srcDiff = srcLength - srcPos; |
|
3791
|
|
|
var k = 0; |
|
3792
|
|
|
var kEnd = (srcDiff > fullSrcDiff) ? width : srcDiff * 8 - 7; |
|
3793
|
|
|
var kEndUnrolled = kEnd & ~7; |
|
3794
|
|
|
var mask = 0; |
|
3795
|
|
|
var srcByte = 0; |
|
3796
|
|
|
for (; k < kEndUnrolled; k += 8) { |
|
3797
|
|
|
srcByte = src[srcPos++]; |
|
3798
|
|
|
dest32[destPos++] = (srcByte & 128) ? white : black; |
|
|
|
|
|
|
3799
|
|
|
dest32[destPos++] = (srcByte & 64) ? white : black; |
|
|
|
|
|
|
3800
|
|
|
dest32[destPos++] = (srcByte & 32) ? white : black; |
|
|
|
|
|
|
3801
|
|
|
dest32[destPos++] = (srcByte & 16) ? white : black; |
|
|
|
|
|
|
3802
|
|
|
dest32[destPos++] = (srcByte & 8) ? white : black; |
|
|
|
|
|
|
3803
|
|
|
dest32[destPos++] = (srcByte & 4) ? white : black; |
|
|
|
|
|
|
3804
|
|
|
dest32[destPos++] = (srcByte & 2) ? white : black; |
|
|
|
|
|
|
3805
|
|
|
dest32[destPos++] = (srcByte & 1) ? white : black; |
|
|
|
|
|
|
3806
|
|
|
} |
|
3807
|
|
|
for (; k < kEnd; k++) { |
|
3808
|
|
|
if (mask === 0) { |
|
3809
|
|
|
srcByte = src[srcPos++]; |
|
3810
|
|
|
mask = 128; |
|
3811
|
|
|
} |
|
3812
|
|
|
|
|
3813
|
|
|
dest32[destPos++] = (srcByte & mask) ? white : black; |
|
|
|
|
|
|
3814
|
|
|
mask >>= 1; |
|
3815
|
|
|
} |
|
3816
|
|
|
} |
|
3817
|
|
|
// We ran out of input. Make all remaining pixels transparent. |
|
3818
|
|
|
while (destPos < dest32DataLength) { |
|
3819
|
|
|
dest32[destPos++] = 0; |
|
3820
|
|
|
} |
|
3821
|
|
|
|
|
3822
|
|
|
ctx.putImageData(chunkImgData, 0, i * FULL_CHUNK_HEIGHT); |
|
3823
|
|
|
} |
|
3824
|
|
|
} else if (imgData.kind === ImageKind.RGBA_32BPP) { |
|
3825
|
|
|
// RGBA, 32-bits per pixel. |
|
3826
|
|
|
|
|
3827
|
|
|
j = 0; |
|
3828
|
|
|
elemsInThisChunk = width * FULL_CHUNK_HEIGHT * 4; |
|
3829
|
|
|
for (i = 0; i < fullChunks; i++) { |
|
3830
|
|
|
dest.set(src.subarray(srcPos, srcPos + elemsInThisChunk)); |
|
3831
|
|
|
srcPos += elemsInThisChunk; |
|
3832
|
|
|
|
|
3833
|
|
|
ctx.putImageData(chunkImgData, 0, j); |
|
3834
|
|
|
j += FULL_CHUNK_HEIGHT; |
|
3835
|
|
|
} |
|
3836
|
|
|
if (i < totalChunks) { |
|
3837
|
|
|
elemsInThisChunk = width * partialChunkHeight * 4; |
|
3838
|
|
|
dest.set(src.subarray(srcPos, srcPos + elemsInThisChunk)); |
|
3839
|
|
|
ctx.putImageData(chunkImgData, 0, j); |
|
3840
|
|
|
} |
|
3841
|
|
|
|
|
3842
|
|
|
} else if (imgData.kind === ImageKind.RGB_24BPP) { |
|
3843
|
|
|
// RGB, 24-bits per pixel. |
|
3844
|
|
|
thisChunkHeight = FULL_CHUNK_HEIGHT; |
|
3845
|
|
|
elemsInThisChunk = width * thisChunkHeight; |
|
3846
|
|
|
for (i = 0; i < totalChunks; i++) { |
|
3847
|
|
|
if (i >= fullChunks) { |
|
3848
|
|
|
thisChunkHeight = partialChunkHeight; |
|
3849
|
|
|
elemsInThisChunk = width * thisChunkHeight; |
|
3850
|
|
|
} |
|
3851
|
|
|
|
|
3852
|
|
|
destPos = 0; |
|
3853
|
|
|
for (j = elemsInThisChunk; j--;) { |
|
3854
|
|
|
dest[destPos++] = src[srcPos++]; |
|
3855
|
|
|
dest[destPos++] = src[srcPos++]; |
|
3856
|
|
|
dest[destPos++] = src[srcPos++]; |
|
3857
|
|
|
dest[destPos++] = 255; |
|
3858
|
|
|
} |
|
3859
|
|
|
ctx.putImageData(chunkImgData, 0, i * FULL_CHUNK_HEIGHT); |
|
3860
|
|
|
} |
|
3861
|
|
|
} else { |
|
3862
|
|
|
error('bad image kind: ' + imgData.kind); |
|
3863
|
|
|
} |
|
3864
|
|
|
} |
|
3865
|
|
|
|
|
3866
|
|
|
function putBinaryImageMask(ctx, imgData) { |
|
3867
|
|
|
var height = imgData.height, width = imgData.width; |
|
3868
|
|
|
var partialChunkHeight = height % FULL_CHUNK_HEIGHT; |
|
3869
|
|
|
var fullChunks = (height - partialChunkHeight) / FULL_CHUNK_HEIGHT; |
|
3870
|
|
|
var totalChunks = partialChunkHeight === 0 ? fullChunks : fullChunks + 1; |
|
3871
|
|
|
|
|
3872
|
|
|
var chunkImgData = ctx.createImageData(width, FULL_CHUNK_HEIGHT); |
|
3873
|
|
|
var srcPos = 0; |
|
3874
|
|
|
var src = imgData.data; |
|
3875
|
|
|
var dest = chunkImgData.data; |
|
3876
|
|
|
|
|
3877
|
|
|
for (var i = 0; i < totalChunks; i++) { |
|
3878
|
|
|
var thisChunkHeight = |
|
3879
|
|
|
(i < fullChunks) ? FULL_CHUNK_HEIGHT : partialChunkHeight; |
|
3880
|
|
|
|
|
3881
|
|
|
// Expand the mask so it can be used by the canvas. Any required |
|
3882
|
|
|
// inversion has already been handled. |
|
3883
|
|
|
var destPos = 3; // alpha component offset |
|
3884
|
|
|
for (var j = 0; j < thisChunkHeight; j++) { |
|
3885
|
|
|
var mask = 0; |
|
3886
|
|
|
for (var k = 0; k < width; k++) { |
|
3887
|
|
|
if (!mask) { |
|
3888
|
|
|
var elem = src[srcPos++]; |
|
3889
|
|
|
mask = 128; |
|
3890
|
|
|
} |
|
3891
|
|
|
dest[destPos] = (elem & mask) ? 0 : 255; |
|
|
|
|
|
|
3892
|
|
|
destPos += 4; |
|
3893
|
|
|
mask >>= 1; |
|
3894
|
|
|
} |
|
3895
|
|
|
} |
|
3896
|
|
|
ctx.putImageData(chunkImgData, 0, i * FULL_CHUNK_HEIGHT); |
|
3897
|
|
|
} |
|
3898
|
|
|
} |
|
3899
|
|
|
|
|
3900
|
|
|
function copyCtxState(sourceCtx, destCtx) { |
|
3901
|
|
|
var properties = ['strokeStyle', 'fillStyle', 'fillRule', 'globalAlpha', |
|
3902
|
|
|
'lineWidth', 'lineCap', 'lineJoin', 'miterLimit', |
|
3903
|
|
|
'globalCompositeOperation', 'font']; |
|
3904
|
|
|
for (var i = 0, ii = properties.length; i < ii; i++) { |
|
3905
|
|
|
var property = properties[i]; |
|
3906
|
|
|
if (sourceCtx[property] !== undefined) { |
|
3907
|
|
|
destCtx[property] = sourceCtx[property]; |
|
3908
|
|
|
} |
|
3909
|
|
|
} |
|
3910
|
|
|
if (sourceCtx.setLineDash !== undefined) { |
|
3911
|
|
|
destCtx.setLineDash(sourceCtx.getLineDash()); |
|
3912
|
|
|
destCtx.lineDashOffset = sourceCtx.lineDashOffset; |
|
3913
|
|
|
} else if (sourceCtx.mozDashOffset !== undefined) { |
|
3914
|
|
|
destCtx.mozDash = sourceCtx.mozDash; |
|
3915
|
|
|
destCtx.mozDashOffset = sourceCtx.mozDashOffset; |
|
3916
|
|
|
} |
|
3917
|
|
|
} |
|
3918
|
|
|
|
|
3919
|
|
|
function composeSMaskBackdrop(bytes, r0, g0, b0) { |
|
3920
|
|
|
var length = bytes.length; |
|
3921
|
|
|
for (var i = 3; i < length; i += 4) { |
|
3922
|
|
|
var alpha = bytes[i]; |
|
3923
|
|
|
if (alpha === 0) { |
|
3924
|
|
|
bytes[i - 3] = r0; |
|
3925
|
|
|
bytes[i - 2] = g0; |
|
3926
|
|
|
bytes[i - 1] = b0; |
|
3927
|
|
|
} else if (alpha < 255) { |
|
3928
|
|
|
var alpha_ = 255 - alpha; |
|
3929
|
|
|
bytes[i - 3] = (bytes[i - 3] * alpha + r0 * alpha_) >> 8; |
|
3930
|
|
|
bytes[i - 2] = (bytes[i - 2] * alpha + g0 * alpha_) >> 8; |
|
3931
|
|
|
bytes[i - 1] = (bytes[i - 1] * alpha + b0 * alpha_) >> 8; |
|
3932
|
|
|
} |
|
3933
|
|
|
} |
|
3934
|
|
|
} |
|
3935
|
|
|
|
|
3936
|
|
|
function composeSMaskAlpha(maskData, layerData) { |
|
3937
|
|
|
var length = maskData.length; |
|
3938
|
|
|
var scale = 1 / 255; |
|
3939
|
|
|
for (var i = 3; i < length; i += 4) { |
|
3940
|
|
|
var alpha = maskData[i]; |
|
3941
|
|
|
layerData[i] = (layerData[i] * alpha * scale) | 0; |
|
3942
|
|
|
} |
|
3943
|
|
|
} |
|
3944
|
|
|
|
|
3945
|
|
|
function composeSMaskLuminosity(maskData, layerData) { |
|
3946
|
|
|
var length = maskData.length; |
|
3947
|
|
|
for (var i = 3; i < length; i += 4) { |
|
3948
|
|
|
var y = (maskData[i - 3] * 77) + // * 0.3 / 255 * 0x10000 |
|
3949
|
|
|
(maskData[i - 2] * 152) + // * 0.59 .... |
|
3950
|
|
|
(maskData[i - 1] * 28); // * 0.11 .... |
|
3951
|
|
|
layerData[i] = (layerData[i] * y) >> 16; |
|
3952
|
|
|
} |
|
3953
|
|
|
} |
|
3954
|
|
|
|
|
3955
|
|
|
function genericComposeSMask(maskCtx, layerCtx, width, height, |
|
3956
|
|
|
subtype, backdrop) { |
|
3957
|
|
|
var hasBackdrop = !!backdrop; |
|
3958
|
|
|
var r0 = hasBackdrop ? backdrop[0] : 0; |
|
3959
|
|
|
var g0 = hasBackdrop ? backdrop[1] : 0; |
|
3960
|
|
|
var b0 = hasBackdrop ? backdrop[2] : 0; |
|
3961
|
|
|
|
|
3962
|
|
|
var composeFn; |
|
3963
|
|
|
if (subtype === 'Luminosity') { |
|
3964
|
|
|
composeFn = composeSMaskLuminosity; |
|
3965
|
|
|
} else { |
|
3966
|
|
|
composeFn = composeSMaskAlpha; |
|
3967
|
|
|
} |
|
3968
|
|
|
|
|
3969
|
|
|
// processing image in chunks to save memory |
|
3970
|
|
|
var PIXELS_TO_PROCESS = 1048576; |
|
3971
|
|
|
var chunkSize = Math.min(height, Math.ceil(PIXELS_TO_PROCESS / width)); |
|
3972
|
|
|
for (var row = 0; row < height; row += chunkSize) { |
|
3973
|
|
|
var chunkHeight = Math.min(chunkSize, height - row); |
|
3974
|
|
|
var maskData = maskCtx.getImageData(0, row, width, chunkHeight); |
|
3975
|
|
|
var layerData = layerCtx.getImageData(0, row, width, chunkHeight); |
|
3976
|
|
|
|
|
3977
|
|
|
if (hasBackdrop) { |
|
3978
|
|
|
composeSMaskBackdrop(maskData.data, r0, g0, b0); |
|
3979
|
|
|
} |
|
3980
|
|
|
composeFn(maskData.data, layerData.data); |
|
3981
|
|
|
|
|
3982
|
|
|
maskCtx.putImageData(layerData, 0, row); |
|
3983
|
|
|
} |
|
3984
|
|
|
} |
|
3985
|
|
|
|
|
3986
|
|
|
function composeSMask(ctx, smask, layerCtx) { |
|
3987
|
|
|
var mask = smask.canvas; |
|
3988
|
|
|
var maskCtx = smask.context; |
|
3989
|
|
|
|
|
3990
|
|
|
ctx.setTransform(smask.scaleX, 0, 0, smask.scaleY, |
|
3991
|
|
|
smask.offsetX, smask.offsetY); |
|
3992
|
|
|
|
|
3993
|
|
|
var backdrop = smask.backdrop || null; |
|
3994
|
|
|
if (WebGLUtils.isEnabled) { |
|
3995
|
|
|
var composed = WebGLUtils.composeSMask(layerCtx.canvas, mask, |
|
3996
|
|
|
{subtype: smask.subtype, backdrop: backdrop}); |
|
3997
|
|
|
ctx.setTransform(1, 0, 0, 1, 0, 0); |
|
3998
|
|
|
ctx.drawImage(composed, smask.offsetX, smask.offsetY); |
|
3999
|
|
|
return; |
|
4000
|
|
|
} |
|
4001
|
|
|
genericComposeSMask(maskCtx, layerCtx, mask.width, mask.height, |
|
4002
|
|
|
smask.subtype, backdrop); |
|
4003
|
|
|
ctx.drawImage(mask, 0, 0); |
|
4004
|
|
|
} |
|
4005
|
|
|
|
|
4006
|
|
|
var LINE_CAP_STYLES = ['butt', 'round', 'square']; |
|
4007
|
|
|
var LINE_JOIN_STYLES = ['miter', 'round', 'bevel']; |
|
4008
|
|
|
var NORMAL_CLIP = {}; |
|
4009
|
|
|
var EO_CLIP = {}; |
|
4010
|
|
|
|
|
4011
|
|
|
CanvasGraphics.prototype = { |
|
4012
|
|
|
|
|
4013
|
|
|
beginDrawing: function CanvasGraphics_beginDrawing(viewport, transparency) { |
|
4014
|
|
|
// For pdfs that use blend modes we have to clear the canvas else certain |
|
4015
|
|
|
// blend modes can look wrong since we'd be blending with a white |
|
4016
|
|
|
// backdrop. The problem with a transparent backdrop though is we then |
|
4017
|
|
|
// don't get sub pixel anti aliasing on text, so we fill with white if |
|
4018
|
|
|
// we can. |
|
4019
|
|
|
var width = this.ctx.canvas.width; |
|
4020
|
|
|
var height = this.ctx.canvas.height; |
|
4021
|
|
|
if (transparency) { |
|
4022
|
|
|
this.ctx.clearRect(0, 0, width, height); |
|
4023
|
|
|
} else { |
|
4024
|
|
|
this.ctx.mozOpaque = true; |
|
4025
|
|
|
this.ctx.save(); |
|
4026
|
|
|
this.ctx.fillStyle = 'rgb(255, 255, 255)'; |
|
4027
|
|
|
this.ctx.fillRect(0, 0, width, height); |
|
4028
|
|
|
this.ctx.restore(); |
|
4029
|
|
|
} |
|
4030
|
|
|
|
|
4031
|
|
|
var transform = viewport.transform; |
|
4032
|
|
|
|
|
4033
|
|
|
this.ctx.save(); |
|
4034
|
|
|
this.ctx.transform.apply(this.ctx, transform); |
|
4035
|
|
|
|
|
4036
|
|
|
this.baseTransform = this.ctx.mozCurrentTransform.slice(); |
|
4037
|
|
|
|
|
4038
|
|
|
if (this.imageLayer) { |
|
4039
|
|
|
this.imageLayer.beginLayout(); |
|
4040
|
|
|
} |
|
4041
|
|
|
}, |
|
4042
|
|
|
|
|
4043
|
|
|
executeOperatorList: function CanvasGraphics_executeOperatorList( |
|
4044
|
|
|
operatorList, |
|
4045
|
|
|
executionStartIdx, continueCallback, |
|
4046
|
|
|
stepper) { |
|
4047
|
|
|
var argsArray = operatorList.argsArray; |
|
4048
|
|
|
var fnArray = operatorList.fnArray; |
|
4049
|
|
|
var i = executionStartIdx || 0; |
|
4050
|
|
|
var argsArrayLen = argsArray.length; |
|
4051
|
|
|
|
|
4052
|
|
|
// Sometimes the OperatorList to execute is empty. |
|
4053
|
|
|
if (argsArrayLen === i) { |
|
4054
|
|
|
return i; |
|
4055
|
|
|
} |
|
4056
|
|
|
|
|
4057
|
|
|
var chunkOperations = (argsArrayLen - i > EXECUTION_STEPS && |
|
4058
|
|
|
typeof continueCallback === 'function'); |
|
4059
|
|
|
var endTime = chunkOperations ? Date.now() + EXECUTION_TIME : 0; |
|
4060
|
|
|
var steps = 0; |
|
4061
|
|
|
|
|
4062
|
|
|
var commonObjs = this.commonObjs; |
|
4063
|
|
|
var objs = this.objs; |
|
4064
|
|
|
var fnId; |
|
4065
|
|
|
|
|
4066
|
|
|
while (true) { |
|
4067
|
|
|
if (stepper !== undefined && i === stepper.nextBreakPoint) { |
|
4068
|
|
|
stepper.breakIt(i, continueCallback); |
|
4069
|
|
|
return i; |
|
4070
|
|
|
} |
|
4071
|
|
|
|
|
4072
|
|
|
fnId = fnArray[i]; |
|
4073
|
|
|
|
|
4074
|
|
|
if (fnId !== OPS.dependency) { |
|
4075
|
|
|
this[fnId].apply(this, argsArray[i]); |
|
4076
|
|
|
} else { |
|
4077
|
|
|
var deps = argsArray[i]; |
|
4078
|
|
|
for (var n = 0, nn = deps.length; n < nn; n++) { |
|
4079
|
|
|
var depObjId = deps[n]; |
|
4080
|
|
|
var common = depObjId[0] === 'g' && depObjId[1] === '_'; |
|
4081
|
|
|
var objsPool = common ? commonObjs : objs; |
|
4082
|
|
|
|
|
4083
|
|
|
// If the promise isn't resolved yet, add the continueCallback |
|
4084
|
|
|
// to the promise and bail out. |
|
4085
|
|
|
if (!objsPool.isResolved(depObjId)) { |
|
4086
|
|
|
objsPool.get(depObjId, continueCallback); |
|
4087
|
|
|
return i; |
|
4088
|
|
|
} |
|
4089
|
|
|
} |
|
4090
|
|
|
} |
|
4091
|
|
|
|
|
4092
|
|
|
i++; |
|
4093
|
|
|
|
|
4094
|
|
|
// If the entire operatorList was executed, stop as were done. |
|
4095
|
|
|
if (i === argsArrayLen) { |
|
4096
|
|
|
return i; |
|
4097
|
|
|
} |
|
4098
|
|
|
|
|
4099
|
|
|
// If the execution took longer then a certain amount of time and |
|
4100
|
|
|
// `continueCallback` is specified, interrupt the execution. |
|
4101
|
|
|
if (chunkOperations && ++steps > EXECUTION_STEPS) { |
|
4102
|
|
|
if (Date.now() > endTime) { |
|
4103
|
|
|
continueCallback(); |
|
4104
|
|
|
return i; |
|
4105
|
|
|
} |
|
4106
|
|
|
steps = 0; |
|
4107
|
|
|
} |
|
4108
|
|
|
|
|
4109
|
|
|
// If the operatorList isn't executed completely yet OR the execution |
|
4110
|
|
|
// time was short enough, do another execution round. |
|
4111
|
|
|
} |
|
|
|
|
|
|
4112
|
|
|
}, |
|
4113
|
|
|
|
|
4114
|
|
|
endDrawing: function CanvasGraphics_endDrawing() { |
|
4115
|
|
|
this.ctx.restore(); |
|
4116
|
|
|
CachedCanvases.clear(); |
|
4117
|
|
|
WebGLUtils.clear(); |
|
4118
|
|
|
|
|
4119
|
|
|
if (this.imageLayer) { |
|
4120
|
|
|
this.imageLayer.endLayout(); |
|
4121
|
|
|
} |
|
4122
|
|
|
}, |
|
4123
|
|
|
|
|
4124
|
|
|
// Graphics state |
|
4125
|
|
|
setLineWidth: function CanvasGraphics_setLineWidth(width) { |
|
4126
|
|
|
this.current.lineWidth = width; |
|
4127
|
|
|
this.ctx.lineWidth = width; |
|
4128
|
|
|
}, |
|
4129
|
|
|
setLineCap: function CanvasGraphics_setLineCap(style) { |
|
4130
|
|
|
this.ctx.lineCap = LINE_CAP_STYLES[style]; |
|
4131
|
|
|
}, |
|
4132
|
|
|
setLineJoin: function CanvasGraphics_setLineJoin(style) { |
|
4133
|
|
|
this.ctx.lineJoin = LINE_JOIN_STYLES[style]; |
|
4134
|
|
|
}, |
|
4135
|
|
|
setMiterLimit: function CanvasGraphics_setMiterLimit(limit) { |
|
4136
|
|
|
this.ctx.miterLimit = limit; |
|
4137
|
|
|
}, |
|
4138
|
|
|
setDash: function CanvasGraphics_setDash(dashArray, dashPhase) { |
|
4139
|
|
|
var ctx = this.ctx; |
|
4140
|
|
|
if (ctx.setLineDash !== undefined) { |
|
4141
|
|
|
ctx.setLineDash(dashArray); |
|
4142
|
|
|
ctx.lineDashOffset = dashPhase; |
|
4143
|
|
|
} else { |
|
4144
|
|
|
ctx.mozDash = dashArray; |
|
4145
|
|
|
ctx.mozDashOffset = dashPhase; |
|
4146
|
|
|
} |
|
4147
|
|
|
}, |
|
4148
|
|
|
setRenderingIntent: function CanvasGraphics_setRenderingIntent(intent) { |
|
|
|
|
|
|
4149
|
|
|
// Maybe if we one day fully support color spaces this will be important |
|
4150
|
|
|
// for now we can ignore. |
|
4151
|
|
|
// TODO set rendering intent? |
|
4152
|
|
|
}, |
|
4153
|
|
|
setFlatness: function CanvasGraphics_setFlatness(flatness) { |
|
|
|
|
|
|
4154
|
|
|
// There's no way to control this with canvas, but we can safely ignore. |
|
4155
|
|
|
// TODO set flatness? |
|
4156
|
|
|
}, |
|
4157
|
|
|
setGState: function CanvasGraphics_setGState(states) { |
|
4158
|
|
|
for (var i = 0, ii = states.length; i < ii; i++) { |
|
4159
|
|
|
var state = states[i]; |
|
4160
|
|
|
var key = state[0]; |
|
4161
|
|
|
var value = state[1]; |
|
4162
|
|
|
|
|
4163
|
|
|
switch (key) { |
|
|
|
|
|
|
4164
|
|
|
case 'LW': |
|
4165
|
|
|
this.setLineWidth(value); |
|
4166
|
|
|
break; |
|
4167
|
|
|
case 'LC': |
|
4168
|
|
|
this.setLineCap(value); |
|
4169
|
|
|
break; |
|
4170
|
|
|
case 'LJ': |
|
4171
|
|
|
this.setLineJoin(value); |
|
4172
|
|
|
break; |
|
4173
|
|
|
case 'ML': |
|
4174
|
|
|
this.setMiterLimit(value); |
|
4175
|
|
|
break; |
|
4176
|
|
|
case 'D': |
|
4177
|
|
|
this.setDash(value[0], value[1]); |
|
4178
|
|
|
break; |
|
4179
|
|
|
case 'RI': |
|
4180
|
|
|
this.setRenderingIntent(value); |
|
4181
|
|
|
break; |
|
4182
|
|
|
case 'FL': |
|
4183
|
|
|
this.setFlatness(value); |
|
4184
|
|
|
break; |
|
4185
|
|
|
case 'Font': |
|
4186
|
|
|
this.setFont(value[0], value[1]); |
|
4187
|
|
|
break; |
|
4188
|
|
|
case 'CA': |
|
4189
|
|
|
this.current.strokeAlpha = state[1]; |
|
4190
|
|
|
break; |
|
4191
|
|
|
case 'ca': |
|
4192
|
|
|
this.current.fillAlpha = state[1]; |
|
4193
|
|
|
this.ctx.globalAlpha = state[1]; |
|
4194
|
|
|
break; |
|
4195
|
|
|
case 'BM': |
|
4196
|
|
|
if (value && value.name && (value.name !== 'Normal')) { |
|
4197
|
|
|
var mode = value.name.replace(/([A-Z])/g, |
|
4198
|
|
|
function(c) { |
|
4199
|
|
|
return '-' + c.toLowerCase(); |
|
4200
|
|
|
} |
|
4201
|
|
|
).substring(1); |
|
4202
|
|
|
this.ctx.globalCompositeOperation = mode; |
|
4203
|
|
|
if (this.ctx.globalCompositeOperation !== mode) { |
|
4204
|
|
|
warn('globalCompositeOperation "' + mode + |
|
4205
|
|
|
'" is not supported'); |
|
4206
|
|
|
} |
|
4207
|
|
|
} else { |
|
4208
|
|
|
this.ctx.globalCompositeOperation = 'source-over'; |
|
4209
|
|
|
} |
|
4210
|
|
|
break; |
|
4211
|
|
|
case 'SMask': |
|
4212
|
|
|
if (this.current.activeSMask) { |
|
4213
|
|
|
this.endSMaskGroup(); |
|
4214
|
|
|
} |
|
4215
|
|
|
this.current.activeSMask = value ? this.tempSMask : null; |
|
4216
|
|
|
if (this.current.activeSMask) { |
|
4217
|
|
|
this.beginSMaskGroup(); |
|
4218
|
|
|
} |
|
4219
|
|
|
this.tempSMask = null; |
|
4220
|
|
|
break; |
|
4221
|
|
|
} |
|
4222
|
|
|
} |
|
4223
|
|
|
}, |
|
4224
|
|
|
beginSMaskGroup: function CanvasGraphics_beginSMaskGroup() { |
|
4225
|
|
|
|
|
4226
|
|
|
var activeSMask = this.current.activeSMask; |
|
4227
|
|
|
var drawnWidth = activeSMask.canvas.width; |
|
4228
|
|
|
var drawnHeight = activeSMask.canvas.height; |
|
4229
|
|
|
var cacheId = 'smaskGroupAt' + this.groupLevel; |
|
4230
|
|
|
var scratchCanvas = CachedCanvases.getCanvas( |
|
4231
|
|
|
cacheId, drawnWidth, drawnHeight, true); |
|
4232
|
|
|
|
|
4233
|
|
|
var currentCtx = this.ctx; |
|
4234
|
|
|
var currentTransform = currentCtx.mozCurrentTransform; |
|
4235
|
|
|
this.ctx.save(); |
|
4236
|
|
|
|
|
4237
|
|
|
var groupCtx = scratchCanvas.context; |
|
4238
|
|
|
groupCtx.scale(1 / activeSMask.scaleX, 1 / activeSMask.scaleY); |
|
4239
|
|
|
groupCtx.translate(-activeSMask.offsetX, -activeSMask.offsetY); |
|
4240
|
|
|
groupCtx.transform.apply(groupCtx, currentTransform); |
|
4241
|
|
|
|
|
4242
|
|
|
copyCtxState(currentCtx, groupCtx); |
|
4243
|
|
|
this.ctx = groupCtx; |
|
4244
|
|
|
this.setGState([ |
|
4245
|
|
|
['BM', 'Normal'], |
|
4246
|
|
|
['ca', 1], |
|
4247
|
|
|
['CA', 1] |
|
4248
|
|
|
]); |
|
4249
|
|
|
this.groupStack.push(currentCtx); |
|
4250
|
|
|
this.groupLevel++; |
|
4251
|
|
|
}, |
|
4252
|
|
|
endSMaskGroup: function CanvasGraphics_endSMaskGroup() { |
|
4253
|
|
|
var groupCtx = this.ctx; |
|
4254
|
|
|
this.groupLevel--; |
|
4255
|
|
|
this.ctx = this.groupStack.pop(); |
|
4256
|
|
|
|
|
4257
|
|
|
composeSMask(this.ctx, this.current.activeSMask, groupCtx); |
|
4258
|
|
|
this.ctx.restore(); |
|
4259
|
|
|
}, |
|
4260
|
|
|
save: function CanvasGraphics_save() { |
|
4261
|
|
|
this.ctx.save(); |
|
4262
|
|
|
var old = this.current; |
|
4263
|
|
|
this.stateStack.push(old); |
|
4264
|
|
|
this.current = old.clone(); |
|
4265
|
|
|
this.current.activeSMask = null; |
|
4266
|
|
|
}, |
|
4267
|
|
|
restore: function CanvasGraphics_restore() { |
|
4268
|
|
|
if (this.stateStack.length !== 0) { |
|
4269
|
|
|
if (this.current.activeSMask !== null) { |
|
4270
|
|
|
this.endSMaskGroup(); |
|
4271
|
|
|
} |
|
4272
|
|
|
|
|
4273
|
|
|
this.current = this.stateStack.pop(); |
|
4274
|
|
|
this.ctx.restore(); |
|
4275
|
|
|
|
|
4276
|
|
|
this.cachedGetSinglePixelWidth = null; |
|
4277
|
|
|
} |
|
4278
|
|
|
}, |
|
4279
|
|
|
transform: function CanvasGraphics_transform(a, b, c, d, e, f) { |
|
4280
|
|
|
this.ctx.transform(a, b, c, d, e, f); |
|
4281
|
|
|
|
|
4282
|
|
|
this.cachedGetSinglePixelWidth = null; |
|
4283
|
|
|
}, |
|
4284
|
|
|
|
|
4285
|
|
|
// Path |
|
4286
|
|
View Code Duplication |
constructPath: function CanvasGraphics_constructPath(ops, args) { |
|
|
|
|
|
|
4287
|
|
|
var ctx = this.ctx; |
|
4288
|
|
|
var current = this.current; |
|
4289
|
|
|
var x = current.x, y = current.y; |
|
4290
|
|
|
for (var i = 0, j = 0, ii = ops.length; i < ii; i++) { |
|
4291
|
|
|
switch (ops[i] | 0) { |
|
|
|
|
|
|
4292
|
|
|
case OPS.rectangle: |
|
|
|
|
|
|
4293
|
|
|
x = args[j++]; |
|
4294
|
|
|
y = args[j++]; |
|
4295
|
|
|
var width = args[j++]; |
|
4296
|
|
|
var height = args[j++]; |
|
4297
|
|
|
if (width === 0) { |
|
4298
|
|
|
width = this.getSinglePixelWidth(); |
|
4299
|
|
|
} |
|
4300
|
|
|
if (height === 0) { |
|
4301
|
|
|
height = this.getSinglePixelWidth(); |
|
4302
|
|
|
} |
|
4303
|
|
|
var xw = x + width; |
|
4304
|
|
|
var yh = y + height; |
|
4305
|
|
|
this.ctx.moveTo(x, y); |
|
4306
|
|
|
this.ctx.lineTo(xw, y); |
|
4307
|
|
|
this.ctx.lineTo(xw, yh); |
|
4308
|
|
|
this.ctx.lineTo(x, yh); |
|
4309
|
|
|
this.ctx.lineTo(x, y); |
|
4310
|
|
|
this.ctx.closePath(); |
|
4311
|
|
|
break; |
|
4312
|
|
|
case OPS.moveTo: |
|
4313
|
|
|
x = args[j++]; |
|
4314
|
|
|
y = args[j++]; |
|
4315
|
|
|
ctx.moveTo(x, y); |
|
4316
|
|
|
break; |
|
4317
|
|
|
case OPS.lineTo: |
|
4318
|
|
|
x = args[j++]; |
|
4319
|
|
|
y = args[j++]; |
|
4320
|
|
|
ctx.lineTo(x, y); |
|
4321
|
|
|
break; |
|
4322
|
|
|
case OPS.curveTo: |
|
4323
|
|
|
x = args[j + 4]; |
|
4324
|
|
|
y = args[j + 5]; |
|
4325
|
|
|
ctx.bezierCurveTo(args[j], args[j + 1], args[j + 2], args[j + 3], |
|
4326
|
|
|
x, y); |
|
4327
|
|
|
j += 6; |
|
4328
|
|
|
break; |
|
4329
|
|
|
case OPS.curveTo2: |
|
4330
|
|
|
ctx.bezierCurveTo(x, y, args[j], args[j + 1], |
|
4331
|
|
|
args[j + 2], args[j + 3]); |
|
4332
|
|
|
x = args[j + 2]; |
|
4333
|
|
|
y = args[j + 3]; |
|
4334
|
|
|
j += 4; |
|
4335
|
|
|
break; |
|
4336
|
|
|
case OPS.curveTo3: |
|
4337
|
|
|
x = args[j + 2]; |
|
4338
|
|
|
y = args[j + 3]; |
|
4339
|
|
|
ctx.bezierCurveTo(args[j], args[j + 1], x, y, x, y); |
|
4340
|
|
|
j += 4; |
|
4341
|
|
|
break; |
|
4342
|
|
|
case OPS.closePath: |
|
4343
|
|
|
ctx.closePath(); |
|
4344
|
|
|
break; |
|
4345
|
|
|
} |
|
4346
|
|
|
} |
|
4347
|
|
|
current.setCurrentPoint(x, y); |
|
4348
|
|
|
}, |
|
4349
|
|
|
closePath: function CanvasGraphics_closePath() { |
|
4350
|
|
|
this.ctx.closePath(); |
|
4351
|
|
|
}, |
|
4352
|
|
|
stroke: function CanvasGraphics_stroke(consumePath) { |
|
4353
|
|
|
consumePath = typeof consumePath !== 'undefined' ? consumePath : true; |
|
4354
|
|
|
var ctx = this.ctx; |
|
4355
|
|
|
var strokeColor = this.current.strokeColor; |
|
4356
|
|
|
// Prevent drawing too thin lines by enforcing a minimum line width. |
|
4357
|
|
|
ctx.lineWidth = Math.max(this.getSinglePixelWidth() * MIN_WIDTH_FACTOR, |
|
4358
|
|
|
this.current.lineWidth); |
|
4359
|
|
|
// For stroke we want to temporarily change the global alpha to the |
|
4360
|
|
|
// stroking alpha. |
|
4361
|
|
|
ctx.globalAlpha = this.current.strokeAlpha; |
|
4362
|
|
|
if (strokeColor && strokeColor.hasOwnProperty('type') && |
|
4363
|
|
|
strokeColor.type === 'Pattern') { |
|
4364
|
|
|
// for patterns, we transform to pattern space, calculate |
|
4365
|
|
|
// the pattern, call stroke, and restore to user space |
|
4366
|
|
|
ctx.save(); |
|
4367
|
|
|
ctx.strokeStyle = strokeColor.getPattern(ctx, this); |
|
4368
|
|
|
ctx.stroke(); |
|
4369
|
|
|
ctx.restore(); |
|
4370
|
|
|
} else { |
|
4371
|
|
|
ctx.stroke(); |
|
4372
|
|
|
} |
|
4373
|
|
|
if (consumePath) { |
|
4374
|
|
|
this.consumePath(); |
|
4375
|
|
|
} |
|
4376
|
|
|
// Restore the global alpha to the fill alpha |
|
4377
|
|
|
ctx.globalAlpha = this.current.fillAlpha; |
|
4378
|
|
|
}, |
|
4379
|
|
|
closeStroke: function CanvasGraphics_closeStroke() { |
|
4380
|
|
|
this.closePath(); |
|
4381
|
|
|
this.stroke(); |
|
4382
|
|
|
}, |
|
4383
|
|
|
fill: function CanvasGraphics_fill(consumePath) { |
|
4384
|
|
|
consumePath = typeof consumePath !== 'undefined' ? consumePath : true; |
|
4385
|
|
|
var ctx = this.ctx; |
|
4386
|
|
|
var fillColor = this.current.fillColor; |
|
4387
|
|
|
var isPatternFill = this.current.patternFill; |
|
4388
|
|
|
var needRestore = false; |
|
4389
|
|
|
|
|
4390
|
|
|
if (isPatternFill) { |
|
4391
|
|
|
ctx.save(); |
|
4392
|
|
|
ctx.fillStyle = fillColor.getPattern(ctx, this); |
|
4393
|
|
|
needRestore = true; |
|
4394
|
|
|
} |
|
4395
|
|
|
|
|
4396
|
|
|
if (this.pendingEOFill) { |
|
4397
|
|
|
if (ctx.mozFillRule !== undefined) { |
|
4398
|
|
|
ctx.mozFillRule = 'evenodd'; |
|
4399
|
|
|
ctx.fill(); |
|
4400
|
|
|
ctx.mozFillRule = 'nonzero'; |
|
4401
|
|
|
} else { |
|
4402
|
|
|
try { |
|
4403
|
|
|
ctx.fill('evenodd'); |
|
4404
|
|
|
} catch (ex) { |
|
4405
|
|
|
// shouldn't really happen, but browsers might think differently |
|
4406
|
|
|
ctx.fill(); |
|
4407
|
|
|
} |
|
4408
|
|
|
} |
|
4409
|
|
|
this.pendingEOFill = false; |
|
4410
|
|
|
} else { |
|
4411
|
|
|
ctx.fill(); |
|
4412
|
|
|
} |
|
4413
|
|
|
|
|
4414
|
|
|
if (needRestore) { |
|
4415
|
|
|
ctx.restore(); |
|
4416
|
|
|
} |
|
4417
|
|
|
if (consumePath) { |
|
4418
|
|
|
this.consumePath(); |
|
4419
|
|
|
} |
|
4420
|
|
|
}, |
|
4421
|
|
|
eoFill: function CanvasGraphics_eoFill() { |
|
4422
|
|
|
this.pendingEOFill = true; |
|
4423
|
|
|
this.fill(); |
|
4424
|
|
|
}, |
|
4425
|
|
|
fillStroke: function CanvasGraphics_fillStroke() { |
|
4426
|
|
|
this.fill(false); |
|
4427
|
|
|
this.stroke(false); |
|
4428
|
|
|
|
|
4429
|
|
|
this.consumePath(); |
|
4430
|
|
|
}, |
|
4431
|
|
|
eoFillStroke: function CanvasGraphics_eoFillStroke() { |
|
4432
|
|
|
this.pendingEOFill = true; |
|
4433
|
|
|
this.fillStroke(); |
|
4434
|
|
|
}, |
|
4435
|
|
|
closeFillStroke: function CanvasGraphics_closeFillStroke() { |
|
4436
|
|
|
this.closePath(); |
|
4437
|
|
|
this.fillStroke(); |
|
4438
|
|
|
}, |
|
4439
|
|
|
closeEOFillStroke: function CanvasGraphics_closeEOFillStroke() { |
|
4440
|
|
|
this.pendingEOFill = true; |
|
4441
|
|
|
this.closePath(); |
|
4442
|
|
|
this.fillStroke(); |
|
4443
|
|
|
}, |
|
4444
|
|
|
endPath: function CanvasGraphics_endPath() { |
|
4445
|
|
|
this.consumePath(); |
|
4446
|
|
|
}, |
|
4447
|
|
|
|
|
4448
|
|
|
// Clipping |
|
4449
|
|
|
clip: function CanvasGraphics_clip() { |
|
4450
|
|
|
this.pendingClip = NORMAL_CLIP; |
|
4451
|
|
|
}, |
|
4452
|
|
|
eoClip: function CanvasGraphics_eoClip() { |
|
4453
|
|
|
this.pendingClip = EO_CLIP; |
|
4454
|
|
|
}, |
|
4455
|
|
|
|
|
4456
|
|
|
// Text |
|
4457
|
|
|
beginText: function CanvasGraphics_beginText() { |
|
4458
|
|
|
this.current.textMatrix = IDENTITY_MATRIX; |
|
4459
|
|
|
this.current.textMatrixScale = 1; |
|
4460
|
|
|
this.current.x = this.current.lineX = 0; |
|
4461
|
|
|
this.current.y = this.current.lineY = 0; |
|
4462
|
|
|
}, |
|
4463
|
|
|
endText: function CanvasGraphics_endText() { |
|
4464
|
|
|
var paths = this.pendingTextPaths; |
|
4465
|
|
|
var ctx = this.ctx; |
|
4466
|
|
|
if (paths === undefined) { |
|
4467
|
|
|
ctx.beginPath(); |
|
4468
|
|
|
return; |
|
4469
|
|
|
} |
|
4470
|
|
|
|
|
4471
|
|
|
ctx.save(); |
|
4472
|
|
|
ctx.beginPath(); |
|
4473
|
|
|
for (var i = 0; i < paths.length; i++) { |
|
4474
|
|
|
var path = paths[i]; |
|
4475
|
|
|
ctx.setTransform.apply(ctx, path.transform); |
|
4476
|
|
|
ctx.translate(path.x, path.y); |
|
4477
|
|
|
path.addToPath(ctx, path.fontSize); |
|
4478
|
|
|
} |
|
4479
|
|
|
ctx.restore(); |
|
4480
|
|
|
ctx.clip(); |
|
4481
|
|
|
ctx.beginPath(); |
|
4482
|
|
|
delete this.pendingTextPaths; |
|
4483
|
|
|
}, |
|
4484
|
|
|
setCharSpacing: function CanvasGraphics_setCharSpacing(spacing) { |
|
4485
|
|
|
this.current.charSpacing = spacing; |
|
4486
|
|
|
}, |
|
4487
|
|
|
setWordSpacing: function CanvasGraphics_setWordSpacing(spacing) { |
|
4488
|
|
|
this.current.wordSpacing = spacing; |
|
4489
|
|
|
}, |
|
4490
|
|
|
setHScale: function CanvasGraphics_setHScale(scale) { |
|
4491
|
|
|
this.current.textHScale = scale / 100; |
|
4492
|
|
|
}, |
|
4493
|
|
|
setLeading: function CanvasGraphics_setLeading(leading) { |
|
4494
|
|
|
this.current.leading = -leading; |
|
4495
|
|
|
}, |
|
4496
|
|
|
setFont: function CanvasGraphics_setFont(fontRefName, size) { |
|
4497
|
|
|
var fontObj = this.commonObjs.get(fontRefName); |
|
4498
|
|
|
var current = this.current; |
|
4499
|
|
|
|
|
4500
|
|
|
if (!fontObj) { |
|
4501
|
|
|
error('Can\'t find font for ' + fontRefName); |
|
4502
|
|
|
} |
|
4503
|
|
|
|
|
4504
|
|
|
current.fontMatrix = (fontObj.fontMatrix ? |
|
4505
|
|
|
fontObj.fontMatrix : FONT_IDENTITY_MATRIX); |
|
4506
|
|
|
|
|
4507
|
|
|
// A valid matrix needs all main diagonal elements to be non-zero |
|
4508
|
|
|
// This also ensures we bypass FF bugzilla bug #719844. |
|
4509
|
|
|
if (current.fontMatrix[0] === 0 || |
|
4510
|
|
|
current.fontMatrix[3] === 0) { |
|
4511
|
|
|
warn('Invalid font matrix for font ' + fontRefName); |
|
4512
|
|
|
} |
|
4513
|
|
|
|
|
4514
|
|
|
// The spec for Tf (setFont) says that 'size' specifies the font 'scale', |
|
4515
|
|
|
// and in some docs this can be negative (inverted x-y axes). |
|
4516
|
|
|
if (size < 0) { |
|
4517
|
|
|
size = -size; |
|
4518
|
|
|
current.fontDirection = -1; |
|
4519
|
|
|
} else { |
|
4520
|
|
|
current.fontDirection = 1; |
|
4521
|
|
|
} |
|
4522
|
|
|
|
|
4523
|
|
|
this.current.font = fontObj; |
|
4524
|
|
|
this.current.fontSize = size; |
|
4525
|
|
|
|
|
4526
|
|
|
if (fontObj.isType3Font) { |
|
4527
|
|
|
return; // we don't need ctx.font for Type3 fonts |
|
4528
|
|
|
} |
|
4529
|
|
|
|
|
4530
|
|
|
var name = fontObj.loadedName || 'sans-serif'; |
|
4531
|
|
|
var bold = fontObj.black ? (fontObj.bold ? 'bolder' : 'bold') : |
|
4532
|
|
|
(fontObj.bold ? 'bold' : 'normal'); |
|
4533
|
|
|
|
|
4534
|
|
|
var italic = fontObj.italic ? 'italic' : 'normal'; |
|
4535
|
|
|
var typeface = '"' + name + '", ' + fontObj.fallbackName; |
|
4536
|
|
|
|
|
4537
|
|
|
// Some font backends cannot handle fonts below certain size. |
|
4538
|
|
|
// Keeping the font at minimal size and using the fontSizeScale to change |
|
4539
|
|
|
// the current transformation matrix before the fillText/strokeText. |
|
4540
|
|
|
// See https://bugzilla.mozilla.org/show_bug.cgi?id=726227 |
|
4541
|
|
|
var browserFontSize = size < MIN_FONT_SIZE ? MIN_FONT_SIZE : |
|
4542
|
|
|
size > MAX_FONT_SIZE ? MAX_FONT_SIZE : size; |
|
4543
|
|
|
this.current.fontSizeScale = size / browserFontSize; |
|
4544
|
|
|
|
|
4545
|
|
|
var rule = italic + ' ' + bold + ' ' + browserFontSize + 'px ' + typeface; |
|
4546
|
|
|
this.ctx.font = rule; |
|
4547
|
|
|
}, |
|
4548
|
|
|
setTextRenderingMode: function CanvasGraphics_setTextRenderingMode(mode) { |
|
4549
|
|
|
this.current.textRenderingMode = mode; |
|
4550
|
|
|
}, |
|
4551
|
|
|
setTextRise: function CanvasGraphics_setTextRise(rise) { |
|
4552
|
|
|
this.current.textRise = rise; |
|
4553
|
|
|
}, |
|
4554
|
|
|
moveText: function CanvasGraphics_moveText(x, y) { |
|
4555
|
|
|
this.current.x = this.current.lineX += x; |
|
4556
|
|
|
this.current.y = this.current.lineY += y; |
|
4557
|
|
|
}, |
|
4558
|
|
|
setLeadingMoveText: function CanvasGraphics_setLeadingMoveText(x, y) { |
|
4559
|
|
|
this.setLeading(-y); |
|
4560
|
|
|
this.moveText(x, y); |
|
4561
|
|
|
}, |
|
4562
|
|
|
setTextMatrix: function CanvasGraphics_setTextMatrix(a, b, c, d, e, f) { |
|
4563
|
|
|
this.current.textMatrix = [a, b, c, d, e, f]; |
|
4564
|
|
|
this.current.textMatrixScale = Math.sqrt(a * a + b * b); |
|
4565
|
|
|
|
|
4566
|
|
|
this.current.x = this.current.lineX = 0; |
|
4567
|
|
|
this.current.y = this.current.lineY = 0; |
|
4568
|
|
|
}, |
|
4569
|
|
|
nextLine: function CanvasGraphics_nextLine() { |
|
4570
|
|
|
this.moveText(0, this.current.leading); |
|
4571
|
|
|
}, |
|
4572
|
|
|
|
|
4573
|
|
|
paintChar: function CanvasGraphics_paintChar(character, x, y) { |
|
4574
|
|
|
var ctx = this.ctx; |
|
4575
|
|
|
var current = this.current; |
|
4576
|
|
|
var font = current.font; |
|
4577
|
|
|
var textRenderingMode = current.textRenderingMode; |
|
4578
|
|
|
var fontSize = current.fontSize / current.fontSizeScale; |
|
4579
|
|
|
var fillStrokeMode = textRenderingMode & |
|
4580
|
|
|
TextRenderingMode.FILL_STROKE_MASK; |
|
4581
|
|
|
var isAddToPathSet = !!(textRenderingMode & |
|
4582
|
|
|
TextRenderingMode.ADD_TO_PATH_FLAG); |
|
4583
|
|
|
|
|
4584
|
|
|
var addToPath; |
|
4585
|
|
|
if (font.disableFontFace || isAddToPathSet) { |
|
4586
|
|
|
addToPath = font.getPathGenerator(this.commonObjs, character); |
|
4587
|
|
|
} |
|
4588
|
|
|
|
|
4589
|
|
|
if (font.disableFontFace) { |
|
4590
|
|
|
ctx.save(); |
|
4591
|
|
|
ctx.translate(x, y); |
|
4592
|
|
|
ctx.beginPath(); |
|
4593
|
|
|
addToPath(ctx, fontSize); |
|
4594
|
|
|
if (fillStrokeMode === TextRenderingMode.FILL || |
|
4595
|
|
|
fillStrokeMode === TextRenderingMode.FILL_STROKE) { |
|
4596
|
|
|
ctx.fill(); |
|
4597
|
|
|
} |
|
4598
|
|
|
if (fillStrokeMode === TextRenderingMode.STROKE || |
|
4599
|
|
|
fillStrokeMode === TextRenderingMode.FILL_STROKE) { |
|
4600
|
|
|
ctx.stroke(); |
|
4601
|
|
|
} |
|
4602
|
|
|
ctx.restore(); |
|
4603
|
|
|
} else { |
|
4604
|
|
|
if (fillStrokeMode === TextRenderingMode.FILL || |
|
4605
|
|
|
fillStrokeMode === TextRenderingMode.FILL_STROKE) { |
|
4606
|
|
|
ctx.fillText(character, x, y); |
|
4607
|
|
|
} |
|
4608
|
|
|
if (fillStrokeMode === TextRenderingMode.STROKE || |
|
4609
|
|
|
fillStrokeMode === TextRenderingMode.FILL_STROKE) { |
|
4610
|
|
|
ctx.strokeText(character, x, y); |
|
4611
|
|
|
} |
|
4612
|
|
|
} |
|
4613
|
|
|
|
|
4614
|
|
|
if (isAddToPathSet) { |
|
4615
|
|
|
var paths = this.pendingTextPaths || (this.pendingTextPaths = []); |
|
4616
|
|
|
paths.push({ |
|
4617
|
|
|
transform: ctx.mozCurrentTransform, |
|
4618
|
|
|
x: x, |
|
4619
|
|
|
y: y, |
|
4620
|
|
|
fontSize: fontSize, |
|
4621
|
|
|
addToPath: addToPath |
|
|
|
|
|
|
4622
|
|
|
}); |
|
4623
|
|
|
} |
|
4624
|
|
|
}, |
|
4625
|
|
|
|
|
4626
|
|
|
get isFontSubpixelAAEnabled() { |
|
4627
|
|
|
// Checks if anti-aliasing is enabled when scaled text is painted. |
|
4628
|
|
|
// On Windows GDI scaled fonts looks bad. |
|
4629
|
|
|
var ctx = document.createElement('canvas').getContext('2d'); |
|
4630
|
|
|
ctx.scale(1.5, 1); |
|
4631
|
|
|
ctx.fillText('I', 0, 10); |
|
4632
|
|
|
var data = ctx.getImageData(0, 0, 10, 10).data; |
|
4633
|
|
|
var enabled = false; |
|
4634
|
|
|
for (var i = 3; i < data.length; i += 4) { |
|
4635
|
|
|
if (data[i] > 0 && data[i] < 255) { |
|
4636
|
|
|
enabled = true; |
|
4637
|
|
|
break; |
|
4638
|
|
|
} |
|
4639
|
|
|
} |
|
4640
|
|
|
return shadow(this, 'isFontSubpixelAAEnabled', enabled); |
|
4641
|
|
|
}, |
|
4642
|
|
|
|
|
4643
|
|
|
showText: function CanvasGraphics_showText(glyphs) { |
|
4644
|
|
|
var current = this.current; |
|
4645
|
|
|
var font = current.font; |
|
4646
|
|
|
if (font.isType3Font) { |
|
4647
|
|
|
return this.showType3Text(glyphs); |
|
4648
|
|
|
} |
|
4649
|
|
|
|
|
4650
|
|
|
var fontSize = current.fontSize; |
|
4651
|
|
|
if (fontSize === 0) { |
|
4652
|
|
|
return; |
|
4653
|
|
|
} |
|
4654
|
|
|
|
|
4655
|
|
|
var ctx = this.ctx; |
|
4656
|
|
|
var fontSizeScale = current.fontSizeScale; |
|
4657
|
|
|
var charSpacing = current.charSpacing; |
|
4658
|
|
|
var wordSpacing = current.wordSpacing; |
|
4659
|
|
|
var fontDirection = current.fontDirection; |
|
4660
|
|
|
var textHScale = current.textHScale * fontDirection; |
|
4661
|
|
|
var glyphsLength = glyphs.length; |
|
4662
|
|
|
var vertical = font.vertical; |
|
4663
|
|
|
var defaultVMetrics = font.defaultVMetrics; |
|
4664
|
|
|
var widthAdvanceScale = fontSize * current.fontMatrix[0]; |
|
4665
|
|
|
|
|
4666
|
|
|
var simpleFillText = |
|
4667
|
|
|
current.textRenderingMode === TextRenderingMode.FILL && |
|
4668
|
|
|
!font.disableFontFace; |
|
4669
|
|
|
|
|
4670
|
|
|
ctx.save(); |
|
4671
|
|
|
ctx.transform.apply(ctx, current.textMatrix); |
|
4672
|
|
|
ctx.translate(current.x, current.y + current.textRise); |
|
4673
|
|
|
|
|
4674
|
|
|
if (fontDirection > 0) { |
|
4675
|
|
|
ctx.scale(textHScale, -1); |
|
4676
|
|
|
} else { |
|
4677
|
|
|
ctx.scale(textHScale, 1); |
|
4678
|
|
|
} |
|
4679
|
|
|
|
|
4680
|
|
|
var lineWidth = current.lineWidth; |
|
4681
|
|
|
var scale = current.textMatrixScale; |
|
4682
|
|
|
if (scale === 0 || lineWidth === 0) { |
|
4683
|
|
|
var fillStrokeMode = current.textRenderingMode & |
|
4684
|
|
|
TextRenderingMode.FILL_STROKE_MASK; |
|
4685
|
|
|
if (fillStrokeMode === TextRenderingMode.STROKE || |
|
4686
|
|
|
fillStrokeMode === TextRenderingMode.FILL_STROKE) { |
|
4687
|
|
|
this.cachedGetSinglePixelWidth = null; |
|
4688
|
|
|
lineWidth = this.getSinglePixelWidth() * MIN_WIDTH_FACTOR; |
|
4689
|
|
|
} |
|
4690
|
|
|
} else { |
|
4691
|
|
|
lineWidth /= scale; |
|
4692
|
|
|
} |
|
4693
|
|
|
|
|
4694
|
|
|
if (fontSizeScale !== 1.0) { |
|
4695
|
|
|
ctx.scale(fontSizeScale, fontSizeScale); |
|
4696
|
|
|
lineWidth /= fontSizeScale; |
|
4697
|
|
|
} |
|
4698
|
|
|
|
|
4699
|
|
|
ctx.lineWidth = lineWidth; |
|
4700
|
|
|
|
|
4701
|
|
|
var x = 0, i; |
|
4702
|
|
|
for (i = 0; i < glyphsLength; ++i) { |
|
4703
|
|
|
var glyph = glyphs[i]; |
|
4704
|
|
|
if (glyph === null) { |
|
4705
|
|
|
// word break |
|
4706
|
|
|
x += fontDirection * wordSpacing; |
|
4707
|
|
|
continue; |
|
4708
|
|
|
} else if (isNum(glyph)) { |
|
4709
|
|
|
x += -glyph * fontSize * 0.001; |
|
4710
|
|
|
continue; |
|
4711
|
|
|
} |
|
4712
|
|
|
|
|
4713
|
|
|
var restoreNeeded = false; |
|
4714
|
|
|
var character = glyph.fontChar; |
|
4715
|
|
|
var accent = glyph.accent; |
|
4716
|
|
|
var scaledX, scaledY, scaledAccentX, scaledAccentY; |
|
4717
|
|
|
var width = glyph.width; |
|
4718
|
|
|
if (vertical) { |
|
4719
|
|
|
var vmetric, vx, vy; |
|
4720
|
|
|
vmetric = glyph.vmetric || defaultVMetrics; |
|
4721
|
|
|
vx = glyph.vmetric ? vmetric[1] : width * 0.5; |
|
4722
|
|
|
vx = -vx * widthAdvanceScale; |
|
4723
|
|
|
vy = vmetric[2] * widthAdvanceScale; |
|
4724
|
|
|
|
|
4725
|
|
|
width = vmetric ? -vmetric[0] : width; |
|
4726
|
|
|
scaledX = vx / fontSizeScale; |
|
4727
|
|
|
scaledY = (x + vy) / fontSizeScale; |
|
4728
|
|
|
} else { |
|
4729
|
|
|
scaledX = x / fontSizeScale; |
|
4730
|
|
|
scaledY = 0; |
|
4731
|
|
|
} |
|
4732
|
|
|
|
|
4733
|
|
|
if (font.remeasure && width > 0 && this.isFontSubpixelAAEnabled) { |
|
4734
|
|
|
// some standard fonts may not have the exact width, trying to |
|
4735
|
|
|
// rescale per character |
|
4736
|
|
|
var measuredWidth = ctx.measureText(character).width * 1000 / |
|
4737
|
|
|
fontSize * fontSizeScale; |
|
4738
|
|
|
var characterScaleX = width / measuredWidth; |
|
4739
|
|
|
restoreNeeded = true; |
|
4740
|
|
|
ctx.save(); |
|
4741
|
|
|
ctx.scale(characterScaleX, 1); |
|
4742
|
|
|
scaledX /= characterScaleX; |
|
4743
|
|
|
} |
|
4744
|
|
|
|
|
4745
|
|
|
if (simpleFillText && !accent) { |
|
4746
|
|
|
// common case |
|
4747
|
|
|
ctx.fillText(character, scaledX, scaledY); |
|
4748
|
|
|
} else { |
|
4749
|
|
|
this.paintChar(character, scaledX, scaledY); |
|
4750
|
|
|
if (accent) { |
|
4751
|
|
|
scaledAccentX = scaledX + accent.offset.x / fontSizeScale; |
|
4752
|
|
|
scaledAccentY = scaledY - accent.offset.y / fontSizeScale; |
|
4753
|
|
|
this.paintChar(accent.fontChar, scaledAccentX, scaledAccentY); |
|
4754
|
|
|
} |
|
4755
|
|
|
} |
|
4756
|
|
|
|
|
4757
|
|
|
var charWidth = width * widthAdvanceScale + charSpacing * fontDirection; |
|
4758
|
|
|
x += charWidth; |
|
4759
|
|
|
|
|
4760
|
|
|
if (restoreNeeded) { |
|
4761
|
|
|
ctx.restore(); |
|
4762
|
|
|
} |
|
4763
|
|
|
} |
|
4764
|
|
|
if (vertical) { |
|
4765
|
|
|
current.y -= x * textHScale; |
|
4766
|
|
|
} else { |
|
4767
|
|
|
current.x += x * textHScale; |
|
4768
|
|
|
} |
|
4769
|
|
|
ctx.restore(); |
|
|
|
|
|
|
4770
|
|
|
}, |
|
4771
|
|
|
|
|
4772
|
|
|
showType3Text: function CanvasGraphics_showType3Text(glyphs) { |
|
4773
|
|
|
// Type3 fonts - each glyph is a "mini-PDF" |
|
4774
|
|
|
var ctx = this.ctx; |
|
4775
|
|
|
var current = this.current; |
|
4776
|
|
|
var font = current.font; |
|
4777
|
|
|
var fontSize = current.fontSize; |
|
4778
|
|
|
var fontDirection = current.fontDirection; |
|
4779
|
|
|
var charSpacing = current.charSpacing; |
|
4780
|
|
|
var wordSpacing = current.wordSpacing; |
|
4781
|
|
|
var textHScale = current.textHScale * fontDirection; |
|
4782
|
|
|
var fontMatrix = current.fontMatrix || FONT_IDENTITY_MATRIX; |
|
4783
|
|
|
var glyphsLength = glyphs.length; |
|
4784
|
|
|
var isTextInvisible = |
|
4785
|
|
|
current.textRenderingMode === TextRenderingMode.INVISIBLE; |
|
4786
|
|
|
var i, glyph, width; |
|
4787
|
|
|
|
|
4788
|
|
|
if (isTextInvisible || fontSize === 0) { |
|
4789
|
|
|
return; |
|
4790
|
|
|
} |
|
4791
|
|
|
|
|
4792
|
|
|
ctx.save(); |
|
4793
|
|
|
ctx.transform.apply(ctx, current.textMatrix); |
|
4794
|
|
|
ctx.translate(current.x, current.y); |
|
4795
|
|
|
|
|
4796
|
|
|
ctx.scale(textHScale, fontDirection); |
|
4797
|
|
|
|
|
4798
|
|
|
for (i = 0; i < glyphsLength; ++i) { |
|
4799
|
|
|
glyph = glyphs[i]; |
|
4800
|
|
|
if (glyph === null) { |
|
4801
|
|
|
// word break |
|
4802
|
|
|
this.ctx.translate(wordSpacing, 0); |
|
4803
|
|
|
current.x += wordSpacing * textHScale; |
|
4804
|
|
|
continue; |
|
4805
|
|
|
} else if (isNum(glyph)) { |
|
4806
|
|
|
var spacingLength = -glyph * 0.001 * fontSize; |
|
4807
|
|
|
this.ctx.translate(spacingLength, 0); |
|
4808
|
|
|
current.x += spacingLength * textHScale; |
|
4809
|
|
|
continue; |
|
4810
|
|
|
} |
|
4811
|
|
|
|
|
4812
|
|
|
var operatorList = font.charProcOperatorList[glyph.operatorListId]; |
|
4813
|
|
|
if (!operatorList) { |
|
4814
|
|
|
warn('Type3 character \"' + glyph.operatorListId + |
|
4815
|
|
|
'\" is not available'); |
|
4816
|
|
|
continue; |
|
4817
|
|
|
} |
|
4818
|
|
|
this.processingType3 = glyph; |
|
4819
|
|
|
this.save(); |
|
4820
|
|
|
ctx.scale(fontSize, fontSize); |
|
4821
|
|
|
ctx.transform.apply(ctx, fontMatrix); |
|
4822
|
|
|
this.executeOperatorList(operatorList); |
|
4823
|
|
|
this.restore(); |
|
4824
|
|
|
|
|
4825
|
|
|
var transformed = Util.applyTransform([glyph.width, 0], fontMatrix); |
|
4826
|
|
|
width = transformed[0] * fontSize + charSpacing; |
|
4827
|
|
|
|
|
4828
|
|
|
ctx.translate(width, 0); |
|
4829
|
|
|
current.x += width * textHScale; |
|
4830
|
|
|
} |
|
4831
|
|
|
ctx.restore(); |
|
4832
|
|
|
this.processingType3 = null; |
|
4833
|
|
|
}, |
|
4834
|
|
|
|
|
4835
|
|
|
// Type3 fonts |
|
4836
|
|
|
setCharWidth: function CanvasGraphics_setCharWidth(xWidth, yWidth) { |
|
|
|
|
|
|
4837
|
|
|
// We can safely ignore this since the width should be the same |
|
4838
|
|
|
// as the width in the Widths array. |
|
4839
|
|
|
}, |
|
4840
|
|
|
setCharWidthAndBounds: function CanvasGraphics_setCharWidthAndBounds(xWidth, |
|
4841
|
|
|
yWidth, |
|
4842
|
|
|
llx, |
|
4843
|
|
|
lly, |
|
4844
|
|
|
urx, |
|
4845
|
|
|
ury) { |
|
4846
|
|
|
// TODO According to the spec we're also suppose to ignore any operators |
|
4847
|
|
|
// that set color or include images while processing this type3 font. |
|
4848
|
|
|
this.ctx.rect(llx, lly, urx - llx, ury - lly); |
|
4849
|
|
|
this.clip(); |
|
4850
|
|
|
this.endPath(); |
|
4851
|
|
|
}, |
|
4852
|
|
|
|
|
4853
|
|
|
// Color |
|
4854
|
|
|
getColorN_Pattern: function CanvasGraphics_getColorN_Pattern(IR) { |
|
4855
|
|
|
var pattern; |
|
4856
|
|
|
if (IR[0] === 'TilingPattern') { |
|
4857
|
|
|
var color = IR[1]; |
|
4858
|
|
|
pattern = new TilingPattern(IR, color, this.ctx, this.objs, |
|
4859
|
|
|
this.commonObjs, this.baseTransform); |
|
4860
|
|
|
} else { |
|
4861
|
|
|
pattern = getShadingPatternFromIR(IR); |
|
4862
|
|
|
} |
|
4863
|
|
|
return pattern; |
|
4864
|
|
|
}, |
|
4865
|
|
|
setStrokeColorN: function CanvasGraphics_setStrokeColorN(/*...*/) { |
|
4866
|
|
|
this.current.strokeColor = this.getColorN_Pattern(arguments); |
|
4867
|
|
|
}, |
|
4868
|
|
|
setFillColorN: function CanvasGraphics_setFillColorN(/*...*/) { |
|
4869
|
|
|
this.current.fillColor = this.getColorN_Pattern(arguments); |
|
4870
|
|
|
this.current.patternFill = true; |
|
4871
|
|
|
}, |
|
4872
|
|
|
setStrokeRGBColor: function CanvasGraphics_setStrokeRGBColor(r, g, b) { |
|
4873
|
|
|
var color = Util.makeCssRgb(r, g, b); |
|
4874
|
|
|
this.ctx.strokeStyle = color; |
|
4875
|
|
|
this.current.strokeColor = color; |
|
4876
|
|
|
}, |
|
4877
|
|
|
setFillRGBColor: function CanvasGraphics_setFillRGBColor(r, g, b) { |
|
4878
|
|
|
var color = Util.makeCssRgb(r, g, b); |
|
4879
|
|
|
this.ctx.fillStyle = color; |
|
4880
|
|
|
this.current.fillColor = color; |
|
4881
|
|
|
this.current.patternFill = false; |
|
4882
|
|
|
}, |
|
4883
|
|
|
|
|
4884
|
|
|
shadingFill: function CanvasGraphics_shadingFill(patternIR) { |
|
4885
|
|
|
var ctx = this.ctx; |
|
4886
|
|
|
|
|
4887
|
|
|
this.save(); |
|
4888
|
|
|
var pattern = getShadingPatternFromIR(patternIR); |
|
4889
|
|
|
ctx.fillStyle = pattern.getPattern(ctx, this, true); |
|
4890
|
|
|
|
|
4891
|
|
|
var inv = ctx.mozCurrentTransformInverse; |
|
4892
|
|
|
if (inv) { |
|
4893
|
|
|
var canvas = ctx.canvas; |
|
4894
|
|
|
var width = canvas.width; |
|
4895
|
|
|
var height = canvas.height; |
|
4896
|
|
|
|
|
4897
|
|
|
var bl = Util.applyTransform([0, 0], inv); |
|
4898
|
|
|
var br = Util.applyTransform([0, height], inv); |
|
4899
|
|
|
var ul = Util.applyTransform([width, 0], inv); |
|
4900
|
|
|
var ur = Util.applyTransform([width, height], inv); |
|
4901
|
|
|
|
|
4902
|
|
|
var x0 = Math.min(bl[0], br[0], ul[0], ur[0]); |
|
4903
|
|
|
var y0 = Math.min(bl[1], br[1], ul[1], ur[1]); |
|
4904
|
|
|
var x1 = Math.max(bl[0], br[0], ul[0], ur[0]); |
|
4905
|
|
|
var y1 = Math.max(bl[1], br[1], ul[1], ur[1]); |
|
4906
|
|
|
|
|
4907
|
|
|
this.ctx.fillRect(x0, y0, x1 - x0, y1 - y0); |
|
4908
|
|
|
} else { |
|
4909
|
|
|
// HACK to draw the gradient onto an infinite rectangle. |
|
4910
|
|
|
// PDF gradients are drawn across the entire image while |
|
4911
|
|
|
// Canvas only allows gradients to be drawn in a rectangle |
|
4912
|
|
|
// The following bug should allow us to remove this. |
|
4913
|
|
|
// https://bugzilla.mozilla.org/show_bug.cgi?id=664884 |
|
4914
|
|
|
|
|
4915
|
|
|
this.ctx.fillRect(-1e10, -1e10, 2e10, 2e10); |
|
4916
|
|
|
} |
|
4917
|
|
|
|
|
4918
|
|
|
this.restore(); |
|
4919
|
|
|
}, |
|
4920
|
|
|
|
|
4921
|
|
|
// Images |
|
4922
|
|
|
beginInlineImage: function CanvasGraphics_beginInlineImage() { |
|
4923
|
|
|
error('Should not call beginInlineImage'); |
|
4924
|
|
|
}, |
|
4925
|
|
|
beginImageData: function CanvasGraphics_beginImageData() { |
|
4926
|
|
|
error('Should not call beginImageData'); |
|
4927
|
|
|
}, |
|
4928
|
|
|
|
|
4929
|
|
|
paintFormXObjectBegin: function CanvasGraphics_paintFormXObjectBegin(matrix, |
|
4930
|
|
|
bbox) { |
|
4931
|
|
|
this.save(); |
|
4932
|
|
|
this.baseTransformStack.push(this.baseTransform); |
|
4933
|
|
|
|
|
4934
|
|
|
if (isArray(matrix) && 6 === matrix.length) { |
|
4935
|
|
|
this.transform.apply(this, matrix); |
|
4936
|
|
|
} |
|
4937
|
|
|
|
|
4938
|
|
|
this.baseTransform = this.ctx.mozCurrentTransform; |
|
4939
|
|
|
|
|
4940
|
|
|
if (isArray(bbox) && 4 === bbox.length) { |
|
4941
|
|
|
var width = bbox[2] - bbox[0]; |
|
4942
|
|
|
var height = bbox[3] - bbox[1]; |
|
4943
|
|
|
this.ctx.rect(bbox[0], bbox[1], width, height); |
|
4944
|
|
|
this.clip(); |
|
4945
|
|
|
this.endPath(); |
|
4946
|
|
|
} |
|
4947
|
|
|
}, |
|
4948
|
|
|
|
|
4949
|
|
|
paintFormXObjectEnd: function CanvasGraphics_paintFormXObjectEnd() { |
|
4950
|
|
|
this.restore(); |
|
4951
|
|
|
this.baseTransform = this.baseTransformStack.pop(); |
|
4952
|
|
|
}, |
|
4953
|
|
|
|
|
4954
|
|
|
beginGroup: function CanvasGraphics_beginGroup(group) { |
|
4955
|
|
|
this.save(); |
|
4956
|
|
|
var currentCtx = this.ctx; |
|
4957
|
|
|
// TODO non-isolated groups - according to Rik at adobe non-isolated |
|
4958
|
|
|
// group results aren't usually that different and they even have tools |
|
4959
|
|
|
// that ignore this setting. Notes from Rik on implmenting: |
|
4960
|
|
|
// - When you encounter an transparency group, create a new canvas with |
|
4961
|
|
|
// the dimensions of the bbox |
|
4962
|
|
|
// - copy the content from the previous canvas to the new canvas |
|
4963
|
|
|
// - draw as usual |
|
4964
|
|
|
// - remove the backdrop alpha: |
|
4965
|
|
|
// alphaNew = 1 - (1 - alpha)/(1 - alphaBackdrop) with 'alpha' the alpha |
|
4966
|
|
|
// value of your transparency group and 'alphaBackdrop' the alpha of the |
|
4967
|
|
|
// backdrop |
|
4968
|
|
|
// - remove background color: |
|
4969
|
|
|
// colorNew = color - alphaNew *colorBackdrop /(1 - alphaNew) |
|
4970
|
|
|
if (!group.isolated) { |
|
4971
|
|
|
info('TODO: Support non-isolated groups.'); |
|
4972
|
|
|
} |
|
4973
|
|
|
|
|
4974
|
|
|
// TODO knockout - supposedly possible with the clever use of compositing |
|
4975
|
|
|
// modes. |
|
4976
|
|
|
if (group.knockout) { |
|
4977
|
|
|
warn('Knockout groups not supported.'); |
|
4978
|
|
|
} |
|
4979
|
|
|
|
|
4980
|
|
|
var currentTransform = currentCtx.mozCurrentTransform; |
|
4981
|
|
|
if (group.matrix) { |
|
4982
|
|
|
currentCtx.transform.apply(currentCtx, group.matrix); |
|
4983
|
|
|
} |
|
4984
|
|
|
assert(group.bbox, 'Bounding box is required.'); |
|
4985
|
|
|
|
|
4986
|
|
|
// Based on the current transform figure out how big the bounding box |
|
4987
|
|
|
// will actually be. |
|
4988
|
|
|
var bounds = Util.getAxialAlignedBoundingBox( |
|
4989
|
|
|
group.bbox, |
|
4990
|
|
|
currentCtx.mozCurrentTransform); |
|
4991
|
|
|
// Clip the bounding box to the current canvas. |
|
4992
|
|
|
var canvasBounds = [0, |
|
4993
|
|
|
0, |
|
4994
|
|
|
currentCtx.canvas.width, |
|
4995
|
|
|
currentCtx.canvas.height]; |
|
4996
|
|
|
bounds = Util.intersect(bounds, canvasBounds) || [0, 0, 0, 0]; |
|
4997
|
|
|
// Use ceil in case we're between sizes so we don't create canvas that is |
|
4998
|
|
|
// too small and make the canvas at least 1x1 pixels. |
|
4999
|
|
|
var offsetX = Math.floor(bounds[0]); |
|
5000
|
|
|
var offsetY = Math.floor(bounds[1]); |
|
5001
|
|
|
var drawnWidth = Math.max(Math.ceil(bounds[2]) - offsetX, 1); |
|
5002
|
|
|
var drawnHeight = Math.max(Math.ceil(bounds[3]) - offsetY, 1); |
|
5003
|
|
|
var scaleX = 1, scaleY = 1; |
|
5004
|
|
|
if (drawnWidth > MAX_GROUP_SIZE) { |
|
5005
|
|
|
scaleX = drawnWidth / MAX_GROUP_SIZE; |
|
5006
|
|
|
drawnWidth = MAX_GROUP_SIZE; |
|
5007
|
|
|
} |
|
5008
|
|
|
if (drawnHeight > MAX_GROUP_SIZE) { |
|
5009
|
|
|
scaleY = drawnHeight / MAX_GROUP_SIZE; |
|
5010
|
|
|
drawnHeight = MAX_GROUP_SIZE; |
|
5011
|
|
|
} |
|
5012
|
|
|
|
|
5013
|
|
|
var cacheId = 'groupAt' + this.groupLevel; |
|
5014
|
|
|
if (group.smask) { |
|
5015
|
|
|
// Using two cache entries is case if masks are used one after another. |
|
5016
|
|
|
cacheId += '_smask_' + ((this.smaskCounter++) % 2); |
|
5017
|
|
|
} |
|
5018
|
|
|
var scratchCanvas = CachedCanvases.getCanvas( |
|
5019
|
|
|
cacheId, drawnWidth, drawnHeight, true); |
|
5020
|
|
|
var groupCtx = scratchCanvas.context; |
|
5021
|
|
|
|
|
5022
|
|
|
// Since we created a new canvas that is just the size of the bounding box |
|
5023
|
|
|
// we have to translate the group ctx. |
|
5024
|
|
|
groupCtx.scale(1 / scaleX, 1 / scaleY); |
|
5025
|
|
|
groupCtx.translate(-offsetX, -offsetY); |
|
5026
|
|
|
groupCtx.transform.apply(groupCtx, currentTransform); |
|
5027
|
|
|
|
|
5028
|
|
|
if (group.smask) { |
|
5029
|
|
|
// Saving state and cached mask to be used in setGState. |
|
5030
|
|
|
this.smaskStack.push({ |
|
5031
|
|
|
canvas: scratchCanvas.canvas, |
|
5032
|
|
|
context: groupCtx, |
|
5033
|
|
|
offsetX: offsetX, |
|
5034
|
|
|
offsetY: offsetY, |
|
5035
|
|
|
scaleX: scaleX, |
|
5036
|
|
|
scaleY: scaleY, |
|
5037
|
|
|
subtype: group.smask.subtype, |
|
5038
|
|
|
backdrop: group.smask.backdrop |
|
5039
|
|
|
}); |
|
5040
|
|
|
} else { |
|
5041
|
|
|
// Setup the current ctx so when the group is popped we draw it at the |
|
5042
|
|
|
// right location. |
|
5043
|
|
|
currentCtx.setTransform(1, 0, 0, 1, 0, 0); |
|
5044
|
|
|
currentCtx.translate(offsetX, offsetY); |
|
5045
|
|
|
currentCtx.scale(scaleX, scaleY); |
|
5046
|
|
|
} |
|
5047
|
|
|
// The transparency group inherits all off the current graphics state |
|
5048
|
|
|
// except the blend mode, soft mask, and alpha constants. |
|
5049
|
|
|
copyCtxState(currentCtx, groupCtx); |
|
5050
|
|
|
this.ctx = groupCtx; |
|
5051
|
|
|
this.setGState([ |
|
5052
|
|
|
['BM', 'Normal'], |
|
5053
|
|
|
['ca', 1], |
|
5054
|
|
|
['CA', 1] |
|
5055
|
|
|
]); |
|
5056
|
|
|
this.groupStack.push(currentCtx); |
|
5057
|
|
|
this.groupLevel++; |
|
5058
|
|
|
}, |
|
5059
|
|
|
|
|
5060
|
|
|
endGroup: function CanvasGraphics_endGroup(group) { |
|
5061
|
|
|
this.groupLevel--; |
|
5062
|
|
|
var groupCtx = this.ctx; |
|
5063
|
|
|
this.ctx = this.groupStack.pop(); |
|
5064
|
|
|
// Turn off image smoothing to avoid sub pixel interpolation which can |
|
5065
|
|
|
// look kind of blurry for some pdfs. |
|
5066
|
|
|
if (this.ctx.imageSmoothingEnabled !== undefined) { |
|
5067
|
|
|
this.ctx.imageSmoothingEnabled = false; |
|
5068
|
|
|
} else { |
|
5069
|
|
|
this.ctx.mozImageSmoothingEnabled = false; |
|
5070
|
|
|
} |
|
5071
|
|
|
if (group.smask) { |
|
5072
|
|
|
this.tempSMask = this.smaskStack.pop(); |
|
5073
|
|
|
} else { |
|
5074
|
|
|
this.ctx.drawImage(groupCtx.canvas, 0, 0); |
|
5075
|
|
|
} |
|
5076
|
|
|
this.restore(); |
|
5077
|
|
|
}, |
|
5078
|
|
|
|
|
5079
|
|
|
beginAnnotations: function CanvasGraphics_beginAnnotations() { |
|
5080
|
|
|
this.save(); |
|
5081
|
|
|
this.current = new CanvasExtraState(); |
|
5082
|
|
|
}, |
|
5083
|
|
|
|
|
5084
|
|
|
endAnnotations: function CanvasGraphics_endAnnotations() { |
|
5085
|
|
|
this.restore(); |
|
5086
|
|
|
}, |
|
5087
|
|
|
|
|
5088
|
|
|
beginAnnotation: function CanvasGraphics_beginAnnotation(rect, transform, |
|
5089
|
|
|
matrix) { |
|
5090
|
|
|
this.save(); |
|
5091
|
|
|
|
|
5092
|
|
|
if (isArray(rect) && 4 === rect.length) { |
|
5093
|
|
|
var width = rect[2] - rect[0]; |
|
5094
|
|
|
var height = rect[3] - rect[1]; |
|
5095
|
|
|
this.ctx.rect(rect[0], rect[1], width, height); |
|
5096
|
|
|
this.clip(); |
|
5097
|
|
|
this.endPath(); |
|
5098
|
|
|
} |
|
5099
|
|
|
|
|
5100
|
|
|
this.transform.apply(this, transform); |
|
5101
|
|
|
this.transform.apply(this, matrix); |
|
5102
|
|
|
}, |
|
5103
|
|
|
|
|
5104
|
|
|
endAnnotation: function CanvasGraphics_endAnnotation() { |
|
5105
|
|
|
this.restore(); |
|
5106
|
|
|
}, |
|
5107
|
|
|
|
|
5108
|
|
|
paintJpegXObject: function CanvasGraphics_paintJpegXObject(objId, w, h) { |
|
5109
|
|
|
var domImage = this.objs.get(objId); |
|
5110
|
|
|
if (!domImage) { |
|
5111
|
|
|
warn('Dependent image isn\'t ready yet'); |
|
5112
|
|
|
return; |
|
5113
|
|
|
} |
|
5114
|
|
|
|
|
5115
|
|
|
this.save(); |
|
5116
|
|
|
|
|
5117
|
|
|
var ctx = this.ctx; |
|
5118
|
|
|
// scale the image to the unit square |
|
5119
|
|
|
ctx.scale(1 / w, -1 / h); |
|
5120
|
|
|
|
|
5121
|
|
|
ctx.drawImage(domImage, 0, 0, domImage.width, domImage.height, |
|
5122
|
|
|
0, -h, w, h); |
|
5123
|
|
|
if (this.imageLayer) { |
|
5124
|
|
|
var currentTransform = ctx.mozCurrentTransformInverse; |
|
5125
|
|
|
var position = this.getCanvasPosition(0, 0); |
|
5126
|
|
|
this.imageLayer.appendImage({ |
|
5127
|
|
|
objId: objId, |
|
5128
|
|
|
left: position[0], |
|
5129
|
|
|
top: position[1], |
|
5130
|
|
|
width: w / currentTransform[0], |
|
5131
|
|
|
height: h / currentTransform[3] |
|
5132
|
|
|
}); |
|
5133
|
|
|
} |
|
5134
|
|
|
this.restore(); |
|
5135
|
|
|
}, |
|
5136
|
|
|
|
|
5137
|
|
|
paintImageMaskXObject: function CanvasGraphics_paintImageMaskXObject(img) { |
|
5138
|
|
|
var ctx = this.ctx; |
|
5139
|
|
|
var width = img.width, height = img.height; |
|
5140
|
|
|
var fillColor = this.current.fillColor; |
|
5141
|
|
|
var isPatternFill = this.current.patternFill; |
|
5142
|
|
|
|
|
5143
|
|
|
var glyph = this.processingType3; |
|
5144
|
|
|
|
|
5145
|
|
|
if (COMPILE_TYPE3_GLYPHS && glyph && glyph.compiled === undefined) { |
|
5146
|
|
|
if (width <= MAX_SIZE_TO_COMPILE && height <= MAX_SIZE_TO_COMPILE) { |
|
5147
|
|
|
glyph.compiled = |
|
5148
|
|
|
compileType3Glyph({data: img.data, width: width, height: height}); |
|
5149
|
|
|
} else { |
|
5150
|
|
|
glyph.compiled = null; |
|
5151
|
|
|
} |
|
5152
|
|
|
} |
|
5153
|
|
|
|
|
5154
|
|
|
if (glyph && glyph.compiled) { |
|
5155
|
|
|
glyph.compiled(ctx); |
|
5156
|
|
|
return; |
|
5157
|
|
|
} |
|
5158
|
|
|
|
|
5159
|
|
|
var maskCanvas = CachedCanvases.getCanvas('maskCanvas', width, height); |
|
5160
|
|
|
var maskCtx = maskCanvas.context; |
|
5161
|
|
|
maskCtx.save(); |
|
5162
|
|
|
|
|
5163
|
|
|
putBinaryImageMask(maskCtx, img); |
|
5164
|
|
|
|
|
5165
|
|
|
maskCtx.globalCompositeOperation = 'source-in'; |
|
5166
|
|
|
|
|
5167
|
|
|
maskCtx.fillStyle = isPatternFill ? |
|
5168
|
|
|
fillColor.getPattern(maskCtx, this) : fillColor; |
|
5169
|
|
|
maskCtx.fillRect(0, 0, width, height); |
|
5170
|
|
|
|
|
5171
|
|
|
maskCtx.restore(); |
|
5172
|
|
|
|
|
5173
|
|
|
this.paintInlineImageXObject(maskCanvas.canvas); |
|
5174
|
|
|
}, |
|
5175
|
|
|
|
|
5176
|
|
|
paintImageMaskXObjectRepeat: |
|
5177
|
|
|
function CanvasGraphics_paintImageMaskXObjectRepeat(imgData, scaleX, |
|
5178
|
|
|
scaleY, positions) { |
|
5179
|
|
|
var width = imgData.width; |
|
5180
|
|
|
var height = imgData.height; |
|
5181
|
|
|
var fillColor = this.current.fillColor; |
|
5182
|
|
|
var isPatternFill = this.current.patternFill; |
|
5183
|
|
|
|
|
5184
|
|
|
var maskCanvas = CachedCanvases.getCanvas('maskCanvas', width, height); |
|
5185
|
|
|
var maskCtx = maskCanvas.context; |
|
5186
|
|
|
maskCtx.save(); |
|
5187
|
|
|
|
|
5188
|
|
|
putBinaryImageMask(maskCtx, imgData); |
|
5189
|
|
|
|
|
5190
|
|
|
maskCtx.globalCompositeOperation = 'source-in'; |
|
5191
|
|
|
|
|
5192
|
|
|
maskCtx.fillStyle = isPatternFill ? |
|
5193
|
|
|
fillColor.getPattern(maskCtx, this) : fillColor; |
|
5194
|
|
|
maskCtx.fillRect(0, 0, width, height); |
|
5195
|
|
|
|
|
5196
|
|
|
maskCtx.restore(); |
|
5197
|
|
|
|
|
5198
|
|
|
var ctx = this.ctx; |
|
5199
|
|
|
for (var i = 0, ii = positions.length; i < ii; i += 2) { |
|
5200
|
|
|
ctx.save(); |
|
5201
|
|
|
ctx.transform(scaleX, 0, 0, scaleY, positions[i], positions[i + 1]); |
|
5202
|
|
|
ctx.scale(1, -1); |
|
5203
|
|
|
ctx.drawImage(maskCanvas.canvas, 0, 0, width, height, |
|
5204
|
|
|
0, -1, 1, 1); |
|
5205
|
|
|
ctx.restore(); |
|
5206
|
|
|
} |
|
5207
|
|
|
}, |
|
5208
|
|
|
|
|
5209
|
|
|
paintImageMaskXObjectGroup: |
|
5210
|
|
|
function CanvasGraphics_paintImageMaskXObjectGroup(images) { |
|
5211
|
|
|
var ctx = this.ctx; |
|
5212
|
|
|
|
|
5213
|
|
|
var fillColor = this.current.fillColor; |
|
5214
|
|
|
var isPatternFill = this.current.patternFill; |
|
5215
|
|
|
for (var i = 0, ii = images.length; i < ii; i++) { |
|
5216
|
|
|
var image = images[i]; |
|
5217
|
|
|
var width = image.width, height = image.height; |
|
5218
|
|
|
|
|
5219
|
|
|
var maskCanvas = CachedCanvases.getCanvas('maskCanvas', width, height); |
|
5220
|
|
|
var maskCtx = maskCanvas.context; |
|
5221
|
|
|
maskCtx.save(); |
|
5222
|
|
|
|
|
5223
|
|
|
putBinaryImageMask(maskCtx, image); |
|
5224
|
|
|
|
|
5225
|
|
|
maskCtx.globalCompositeOperation = 'source-in'; |
|
5226
|
|
|
|
|
5227
|
|
|
maskCtx.fillStyle = isPatternFill ? |
|
5228
|
|
|
fillColor.getPattern(maskCtx, this) : fillColor; |
|
5229
|
|
|
maskCtx.fillRect(0, 0, width, height); |
|
5230
|
|
|
|
|
5231
|
|
|
maskCtx.restore(); |
|
5232
|
|
|
|
|
5233
|
|
|
ctx.save(); |
|
5234
|
|
|
ctx.transform.apply(ctx, image.transform); |
|
5235
|
|
|
ctx.scale(1, -1); |
|
5236
|
|
|
ctx.drawImage(maskCanvas.canvas, 0, 0, width, height, |
|
5237
|
|
|
0, -1, 1, 1); |
|
5238
|
|
|
ctx.restore(); |
|
5239
|
|
|
} |
|
5240
|
|
|
}, |
|
5241
|
|
|
|
|
5242
|
|
|
paintImageXObject: function CanvasGraphics_paintImageXObject(objId) { |
|
5243
|
|
|
var imgData = this.objs.get(objId); |
|
5244
|
|
|
if (!imgData) { |
|
5245
|
|
|
warn('Dependent image isn\'t ready yet'); |
|
5246
|
|
|
return; |
|
5247
|
|
|
} |
|
5248
|
|
|
|
|
5249
|
|
|
this.paintInlineImageXObject(imgData); |
|
5250
|
|
|
}, |
|
5251
|
|
|
|
|
5252
|
|
|
paintImageXObjectRepeat: |
|
5253
|
|
|
function CanvasGraphics_paintImageXObjectRepeat(objId, scaleX, scaleY, |
|
5254
|
|
|
positions) { |
|
5255
|
|
|
var imgData = this.objs.get(objId); |
|
5256
|
|
|
if (!imgData) { |
|
5257
|
|
|
warn('Dependent image isn\'t ready yet'); |
|
5258
|
|
|
return; |
|
5259
|
|
|
} |
|
5260
|
|
|
|
|
5261
|
|
|
var width = imgData.width; |
|
5262
|
|
|
var height = imgData.height; |
|
5263
|
|
|
var map = []; |
|
5264
|
|
|
for (var i = 0, ii = positions.length; i < ii; i += 2) { |
|
5265
|
|
|
map.push({transform: [scaleX, 0, 0, scaleY, positions[i], |
|
5266
|
|
|
positions[i + 1]], x: 0, y: 0, w: width, h: height}); |
|
5267
|
|
|
} |
|
5268
|
|
|
this.paintInlineImageXObjectGroup(imgData, map); |
|
5269
|
|
|
}, |
|
5270
|
|
|
|
|
5271
|
|
|
paintInlineImageXObject: |
|
5272
|
|
|
function CanvasGraphics_paintInlineImageXObject(imgData) { |
|
5273
|
|
|
var width = imgData.width; |
|
5274
|
|
|
var height = imgData.height; |
|
5275
|
|
|
var ctx = this.ctx; |
|
5276
|
|
|
|
|
5277
|
|
|
this.save(); |
|
5278
|
|
|
// scale the image to the unit square |
|
5279
|
|
|
ctx.scale(1 / width, -1 / height); |
|
5280
|
|
|
|
|
5281
|
|
|
var currentTransform = ctx.mozCurrentTransformInverse; |
|
5282
|
|
|
var a = currentTransform[0], b = currentTransform[1]; |
|
5283
|
|
|
var widthScale = Math.max(Math.sqrt(a * a + b * b), 1); |
|
5284
|
|
|
var c = currentTransform[2], d = currentTransform[3]; |
|
5285
|
|
|
var heightScale = Math.max(Math.sqrt(c * c + d * d), 1); |
|
5286
|
|
|
|
|
5287
|
|
|
var imgToPaint, tmpCanvas; |
|
5288
|
|
|
// instanceof HTMLElement does not work in jsdom node.js module |
|
5289
|
|
|
if (imgData instanceof HTMLElement || !imgData.data) { |
|
|
|
|
|
|
5290
|
|
|
imgToPaint = imgData; |
|
5291
|
|
|
} else { |
|
5292
|
|
|
tmpCanvas = CachedCanvases.getCanvas('inlineImage', width, height); |
|
5293
|
|
|
var tmpCtx = tmpCanvas.context; |
|
5294
|
|
|
putBinaryImageData(tmpCtx, imgData); |
|
5295
|
|
|
imgToPaint = tmpCanvas.canvas; |
|
5296
|
|
|
} |
|
5297
|
|
|
|
|
5298
|
|
|
var paintWidth = width, paintHeight = height; |
|
5299
|
|
|
var tmpCanvasId = 'prescale1'; |
|
5300
|
|
|
// Vertial or horizontal scaling shall not be more than 2 to not loose the |
|
5301
|
|
|
// pixels during drawImage operation, painting on the temporary canvas(es) |
|
5302
|
|
|
// that are twice smaller in size |
|
5303
|
|
|
while ((widthScale > 2 && paintWidth > 1) || |
|
5304
|
|
|
(heightScale > 2 && paintHeight > 1)) { |
|
5305
|
|
|
var newWidth = paintWidth, newHeight = paintHeight; |
|
5306
|
|
|
if (widthScale > 2 && paintWidth > 1) { |
|
5307
|
|
|
newWidth = Math.ceil(paintWidth / 2); |
|
5308
|
|
|
widthScale /= paintWidth / newWidth; |
|
5309
|
|
|
} |
|
5310
|
|
|
if (heightScale > 2 && paintHeight > 1) { |
|
5311
|
|
|
newHeight = Math.ceil(paintHeight / 2); |
|
5312
|
|
|
heightScale /= paintHeight / newHeight; |
|
5313
|
|
|
} |
|
5314
|
|
|
tmpCanvas = CachedCanvases.getCanvas(tmpCanvasId, newWidth, newHeight); |
|
5315
|
|
|
tmpCtx = tmpCanvas.context; |
|
5316
|
|
|
tmpCtx.clearRect(0, 0, newWidth, newHeight); |
|
5317
|
|
|
tmpCtx.drawImage(imgToPaint, 0, 0, paintWidth, paintHeight, |
|
5318
|
|
|
0, 0, newWidth, newHeight); |
|
5319
|
|
|
imgToPaint = tmpCanvas.canvas; |
|
5320
|
|
|
paintWidth = newWidth; |
|
5321
|
|
|
paintHeight = newHeight; |
|
5322
|
|
|
tmpCanvasId = tmpCanvasId === 'prescale1' ? 'prescale2' : 'prescale1'; |
|
5323
|
|
|
} |
|
5324
|
|
|
ctx.drawImage(imgToPaint, 0, 0, paintWidth, paintHeight, |
|
5325
|
|
|
0, -height, width, height); |
|
5326
|
|
|
|
|
5327
|
|
|
if (this.imageLayer) { |
|
5328
|
|
|
var position = this.getCanvasPosition(0, -height); |
|
5329
|
|
|
this.imageLayer.appendImage({ |
|
5330
|
|
|
imgData: imgData, |
|
5331
|
|
|
left: position[0], |
|
5332
|
|
|
top: position[1], |
|
5333
|
|
|
width: width / currentTransform[0], |
|
5334
|
|
|
height: height / currentTransform[3] |
|
5335
|
|
|
}); |
|
5336
|
|
|
} |
|
5337
|
|
|
this.restore(); |
|
5338
|
|
|
}, |
|
5339
|
|
|
|
|
5340
|
|
|
paintInlineImageXObjectGroup: |
|
5341
|
|
|
function CanvasGraphics_paintInlineImageXObjectGroup(imgData, map) { |
|
5342
|
|
|
var ctx = this.ctx; |
|
5343
|
|
|
var w = imgData.width; |
|
5344
|
|
|
var h = imgData.height; |
|
5345
|
|
|
|
|
5346
|
|
|
var tmpCanvas = CachedCanvases.getCanvas('inlineImage', w, h); |
|
5347
|
|
|
var tmpCtx = tmpCanvas.context; |
|
5348
|
|
|
putBinaryImageData(tmpCtx, imgData); |
|
5349
|
|
|
|
|
5350
|
|
|
for (var i = 0, ii = map.length; i < ii; i++) { |
|
5351
|
|
|
var entry = map[i]; |
|
5352
|
|
|
ctx.save(); |
|
5353
|
|
|
ctx.transform.apply(ctx, entry.transform); |
|
5354
|
|
|
ctx.scale(1, -1); |
|
5355
|
|
|
ctx.drawImage(tmpCanvas.canvas, entry.x, entry.y, entry.w, entry.h, |
|
5356
|
|
|
0, -1, 1, 1); |
|
5357
|
|
|
if (this.imageLayer) { |
|
5358
|
|
|
var position = this.getCanvasPosition(entry.x, entry.y); |
|
5359
|
|
|
this.imageLayer.appendImage({ |
|
5360
|
|
|
imgData: imgData, |
|
5361
|
|
|
left: position[0], |
|
5362
|
|
|
top: position[1], |
|
5363
|
|
|
width: w, |
|
5364
|
|
|
height: h |
|
5365
|
|
|
}); |
|
5366
|
|
|
} |
|
5367
|
|
|
ctx.restore(); |
|
5368
|
|
|
} |
|
5369
|
|
|
}, |
|
5370
|
|
|
|
|
5371
|
|
|
paintSolidColorImageMask: |
|
5372
|
|
|
function CanvasGraphics_paintSolidColorImageMask() { |
|
5373
|
|
|
this.ctx.fillRect(0, 0, 1, 1); |
|
5374
|
|
|
}, |
|
5375
|
|
|
|
|
5376
|
|
|
// Marked content |
|
5377
|
|
|
|
|
5378
|
|
|
markPoint: function CanvasGraphics_markPoint(tag) { |
|
|
|
|
|
|
5379
|
|
|
// TODO Marked content. |
|
5380
|
|
|
}, |
|
5381
|
|
|
markPointProps: function CanvasGraphics_markPointProps(tag, properties) { |
|
|
|
|
|
|
5382
|
|
|
// TODO Marked content. |
|
5383
|
|
|
}, |
|
5384
|
|
|
beginMarkedContent: function CanvasGraphics_beginMarkedContent(tag) { |
|
|
|
|
|
|
5385
|
|
|
// TODO Marked content. |
|
5386
|
|
|
}, |
|
5387
|
|
|
beginMarkedContentProps: function CanvasGraphics_beginMarkedContentProps( |
|
5388
|
|
|
tag, properties) { |
|
|
|
|
|
|
5389
|
|
|
// TODO Marked content. |
|
5390
|
|
|
}, |
|
5391
|
|
|
endMarkedContent: function CanvasGraphics_endMarkedContent() { |
|
5392
|
|
|
// TODO Marked content. |
|
5393
|
|
|
}, |
|
5394
|
|
|
|
|
5395
|
|
|
// Compatibility |
|
5396
|
|
|
|
|
5397
|
|
|
beginCompat: function CanvasGraphics_beginCompat() { |
|
5398
|
|
|
// TODO ignore undefined operators (should we do that anyway?) |
|
5399
|
|
|
}, |
|
5400
|
|
|
endCompat: function CanvasGraphics_endCompat() { |
|
5401
|
|
|
// TODO stop ignoring undefined operators |
|
5402
|
|
|
}, |
|
5403
|
|
|
|
|
5404
|
|
|
// Helper functions |
|
5405
|
|
|
|
|
5406
|
|
|
consumePath: function CanvasGraphics_consumePath() { |
|
5407
|
|
|
var ctx = this.ctx; |
|
5408
|
|
|
if (this.pendingClip) { |
|
5409
|
|
|
if (this.pendingClip === EO_CLIP) { |
|
5410
|
|
|
if (ctx.mozFillRule !== undefined) { |
|
5411
|
|
|
ctx.mozFillRule = 'evenodd'; |
|
5412
|
|
|
ctx.clip(); |
|
5413
|
|
|
ctx.mozFillRule = 'nonzero'; |
|
5414
|
|
|
} else { |
|
5415
|
|
|
try { |
|
5416
|
|
|
ctx.clip('evenodd'); |
|
5417
|
|
|
} catch (ex) { |
|
5418
|
|
|
// shouldn't really happen, but browsers might think differently |
|
5419
|
|
|
ctx.clip(); |
|
5420
|
|
|
} |
|
5421
|
|
|
} |
|
5422
|
|
|
} else { |
|
5423
|
|
|
ctx.clip(); |
|
5424
|
|
|
} |
|
5425
|
|
|
this.pendingClip = null; |
|
5426
|
|
|
} |
|
5427
|
|
|
ctx.beginPath(); |
|
5428
|
|
|
}, |
|
5429
|
|
|
getSinglePixelWidth: function CanvasGraphics_getSinglePixelWidth(scale) { |
|
|
|
|
|
|
5430
|
|
|
if (this.cachedGetSinglePixelWidth === null) { |
|
5431
|
|
|
var inverse = this.ctx.mozCurrentTransformInverse; |
|
5432
|
|
|
// max of the current horizontal and vertical scale |
|
5433
|
|
|
this.cachedGetSinglePixelWidth = Math.sqrt(Math.max( |
|
5434
|
|
|
(inverse[0] * inverse[0] + inverse[1] * inverse[1]), |
|
5435
|
|
|
(inverse[2] * inverse[2] + inverse[3] * inverse[3]))); |
|
5436
|
|
|
} |
|
5437
|
|
|
return this.cachedGetSinglePixelWidth; |
|
5438
|
|
|
}, |
|
5439
|
|
|
getCanvasPosition: function CanvasGraphics_getCanvasPosition(x, y) { |
|
5440
|
|
|
var transform = this.ctx.mozCurrentTransform; |
|
5441
|
|
|
return [ |
|
5442
|
|
|
transform[0] * x + transform[2] * y + transform[4], |
|
5443
|
|
|
transform[1] * x + transform[3] * y + transform[5] |
|
5444
|
|
|
]; |
|
5445
|
|
|
} |
|
5446
|
|
|
}; |
|
5447
|
|
|
|
|
5448
|
|
|
for (var op in OPS) { |
|
|
|
|
|
|
5449
|
|
|
CanvasGraphics.prototype[OPS[op]] = CanvasGraphics.prototype[op]; |
|
5450
|
|
|
} |
|
5451
|
|
|
|
|
5452
|
|
|
return CanvasGraphics; |
|
5453
|
|
|
})(); |
|
5454
|
|
|
|
|
5455
|
|
|
|
|
5456
|
|
|
var WebGLUtils = (function WebGLUtilsClosure() { |
|
5457
|
|
|
function loadShader(gl, code, shaderType) { |
|
5458
|
|
|
var shader = gl.createShader(shaderType); |
|
5459
|
|
|
gl.shaderSource(shader, code); |
|
5460
|
|
|
gl.compileShader(shader); |
|
5461
|
|
|
var compiled = gl.getShaderParameter(shader, gl.COMPILE_STATUS); |
|
5462
|
|
|
if (!compiled) { |
|
5463
|
|
|
var errorMsg = gl.getShaderInfoLog(shader); |
|
5464
|
|
|
throw new Error('Error during shader compilation: ' + errorMsg); |
|
5465
|
|
|
} |
|
5466
|
|
|
return shader; |
|
5467
|
|
|
} |
|
5468
|
|
|
function createVertexShader(gl, code) { |
|
5469
|
|
|
return loadShader(gl, code, gl.VERTEX_SHADER); |
|
5470
|
|
|
} |
|
5471
|
|
|
function createFragmentShader(gl, code) { |
|
5472
|
|
|
return loadShader(gl, code, gl.FRAGMENT_SHADER); |
|
5473
|
|
|
} |
|
5474
|
|
|
function createProgram(gl, shaders) { |
|
5475
|
|
|
var program = gl.createProgram(); |
|
5476
|
|
|
for (var i = 0, ii = shaders.length; i < ii; ++i) { |
|
5477
|
|
|
gl.attachShader(program, shaders[i]); |
|
5478
|
|
|
} |
|
5479
|
|
|
gl.linkProgram(program); |
|
5480
|
|
|
var linked = gl.getProgramParameter(program, gl.LINK_STATUS); |
|
5481
|
|
|
if (!linked) { |
|
5482
|
|
|
var errorMsg = gl.getProgramInfoLog(program); |
|
5483
|
|
|
throw new Error('Error during program linking: ' + errorMsg); |
|
5484
|
|
|
} |
|
5485
|
|
|
return program; |
|
5486
|
|
|
} |
|
5487
|
|
|
function createTexture(gl, image, textureId) { |
|
5488
|
|
|
gl.activeTexture(textureId); |
|
5489
|
|
|
var texture = gl.createTexture(); |
|
5490
|
|
|
gl.bindTexture(gl.TEXTURE_2D, texture); |
|
5491
|
|
|
|
|
5492
|
|
|
// Set the parameters so we can render any size image. |
|
5493
|
|
|
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); |
|
5494
|
|
|
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); |
|
5495
|
|
|
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST); |
|
5496
|
|
|
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST); |
|
5497
|
|
|
|
|
5498
|
|
|
// Upload the image into the texture. |
|
5499
|
|
|
gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image); |
|
5500
|
|
|
return texture; |
|
5501
|
|
|
} |
|
5502
|
|
|
|
|
5503
|
|
|
var currentGL, currentCanvas; |
|
5504
|
|
|
function generateGL() { |
|
5505
|
|
|
if (currentGL) { |
|
5506
|
|
|
return; |
|
5507
|
|
|
} |
|
5508
|
|
|
currentCanvas = document.createElement('canvas'); |
|
5509
|
|
|
currentGL = currentCanvas.getContext('webgl', |
|
5510
|
|
|
{ premultipliedalpha: false }); |
|
5511
|
|
|
} |
|
5512
|
|
|
|
|
5513
|
|
|
var smaskVertexShaderCode = '\ |
|
5514
|
|
|
attribute vec2 a_position; \ |
|
5515
|
|
|
attribute vec2 a_texCoord; \ |
|
5516
|
|
|
\ |
|
5517
|
|
|
uniform vec2 u_resolution; \ |
|
5518
|
|
|
\ |
|
5519
|
|
|
varying vec2 v_texCoord; \ |
|
5520
|
|
|
\ |
|
5521
|
|
|
void main() { \ |
|
5522
|
|
|
vec2 clipSpace = (a_position / u_resolution) * 2.0 - 1.0; \ |
|
5523
|
|
|
gl_Position = vec4(clipSpace * vec2(1, -1), 0, 1); \ |
|
5524
|
|
|
\ |
|
5525
|
|
|
v_texCoord = a_texCoord; \ |
|
5526
|
|
|
} '; |
|
5527
|
|
|
|
|
5528
|
|
|
var smaskFragmentShaderCode = '\ |
|
5529
|
|
|
precision mediump float; \ |
|
5530
|
|
|
\ |
|
5531
|
|
|
uniform vec4 u_backdrop; \ |
|
5532
|
|
|
uniform int u_subtype; \ |
|
5533
|
|
|
uniform sampler2D u_image; \ |
|
5534
|
|
|
uniform sampler2D u_mask; \ |
|
5535
|
|
|
\ |
|
5536
|
|
|
varying vec2 v_texCoord; \ |
|
5537
|
|
|
\ |
|
5538
|
|
|
void main() { \ |
|
5539
|
|
|
vec4 imageColor = texture2D(u_image, v_texCoord); \ |
|
5540
|
|
|
vec4 maskColor = texture2D(u_mask, v_texCoord); \ |
|
5541
|
|
|
if (u_backdrop.a > 0.0) { \ |
|
5542
|
|
|
maskColor.rgb = maskColor.rgb * maskColor.a + \ |
|
5543
|
|
|
u_backdrop.rgb * (1.0 - maskColor.a); \ |
|
5544
|
|
|
} \ |
|
5545
|
|
|
float lum; \ |
|
5546
|
|
|
if (u_subtype == 0) { \ |
|
5547
|
|
|
lum = maskColor.a; \ |
|
5548
|
|
|
} else { \ |
|
5549
|
|
|
lum = maskColor.r * 0.3 + maskColor.g * 0.59 + \ |
|
5550
|
|
|
maskColor.b * 0.11; \ |
|
5551
|
|
|
} \ |
|
5552
|
|
|
imageColor.a *= lum; \ |
|
5553
|
|
|
imageColor.rgb *= imageColor.a; \ |
|
5554
|
|
|
gl_FragColor = imageColor; \ |
|
5555
|
|
|
} '; |
|
5556
|
|
|
|
|
5557
|
|
|
var smaskCache = null; |
|
5558
|
|
|
|
|
5559
|
|
|
function initSmaskGL() { |
|
5560
|
|
|
var canvas, gl; |
|
5561
|
|
|
|
|
5562
|
|
|
generateGL(); |
|
5563
|
|
|
canvas = currentCanvas; |
|
5564
|
|
|
currentCanvas = null; |
|
5565
|
|
|
gl = currentGL; |
|
5566
|
|
|
currentGL = null; |
|
5567
|
|
|
|
|
5568
|
|
|
// setup a GLSL program |
|
5569
|
|
|
var vertexShader = createVertexShader(gl, smaskVertexShaderCode); |
|
5570
|
|
|
var fragmentShader = createFragmentShader(gl, smaskFragmentShaderCode); |
|
5571
|
|
|
var program = createProgram(gl, [vertexShader, fragmentShader]); |
|
5572
|
|
|
gl.useProgram(program); |
|
5573
|
|
|
|
|
5574
|
|
|
var cache = {}; |
|
5575
|
|
|
cache.gl = gl; |
|
5576
|
|
|
cache.canvas = canvas; |
|
5577
|
|
|
cache.resolutionLocation = gl.getUniformLocation(program, 'u_resolution'); |
|
5578
|
|
|
cache.positionLocation = gl.getAttribLocation(program, 'a_position'); |
|
5579
|
|
|
cache.backdropLocation = gl.getUniformLocation(program, 'u_backdrop'); |
|
5580
|
|
|
cache.subtypeLocation = gl.getUniformLocation(program, 'u_subtype'); |
|
5581
|
|
|
|
|
5582
|
|
|
var texCoordLocation = gl.getAttribLocation(program, 'a_texCoord'); |
|
5583
|
|
|
var texLayerLocation = gl.getUniformLocation(program, 'u_image'); |
|
5584
|
|
|
var texMaskLocation = gl.getUniformLocation(program, 'u_mask'); |
|
5585
|
|
|
|
|
5586
|
|
|
// provide texture coordinates for the rectangle. |
|
5587
|
|
|
var texCoordBuffer = gl.createBuffer(); |
|
5588
|
|
|
gl.bindBuffer(gl.ARRAY_BUFFER, texCoordBuffer); |
|
5589
|
|
|
gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([ |
|
5590
|
|
|
0.0, 0.0, |
|
5591
|
|
|
1.0, 0.0, |
|
5592
|
|
|
0.0, 1.0, |
|
5593
|
|
|
0.0, 1.0, |
|
5594
|
|
|
1.0, 0.0, |
|
5595
|
|
|
1.0, 1.0]), gl.STATIC_DRAW); |
|
5596
|
|
|
gl.enableVertexAttribArray(texCoordLocation); |
|
5597
|
|
|
gl.vertexAttribPointer(texCoordLocation, 2, gl.FLOAT, false, 0, 0); |
|
5598
|
|
|
|
|
5599
|
|
|
gl.uniform1i(texLayerLocation, 0); |
|
5600
|
|
|
gl.uniform1i(texMaskLocation, 1); |
|
5601
|
|
|
|
|
5602
|
|
|
smaskCache = cache; |
|
5603
|
|
|
} |
|
5604
|
|
|
|
|
5605
|
|
|
function composeSMask(layer, mask, properties) { |
|
5606
|
|
|
var width = layer.width, height = layer.height; |
|
5607
|
|
|
|
|
5608
|
|
|
if (!smaskCache) { |
|
5609
|
|
|
initSmaskGL(); |
|
5610
|
|
|
} |
|
5611
|
|
|
var cache = smaskCache,canvas = cache.canvas, gl = cache.gl; |
|
5612
|
|
|
canvas.width = width; |
|
5613
|
|
|
canvas.height = height; |
|
5614
|
|
|
gl.viewport(0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight); |
|
5615
|
|
|
gl.uniform2f(cache.resolutionLocation, width, height); |
|
5616
|
|
|
|
|
5617
|
|
|
if (properties.backdrop) { |
|
5618
|
|
|
gl.uniform4f(cache.resolutionLocation, properties.backdrop[0], |
|
5619
|
|
|
properties.backdrop[1], properties.backdrop[2], 1); |
|
5620
|
|
|
} else { |
|
5621
|
|
|
gl.uniform4f(cache.resolutionLocation, 0, 0, 0, 0); |
|
5622
|
|
|
} |
|
5623
|
|
|
gl.uniform1i(cache.subtypeLocation, |
|
5624
|
|
|
properties.subtype === 'Luminosity' ? 1 : 0); |
|
5625
|
|
|
|
|
5626
|
|
|
// Create a textures |
|
5627
|
|
|
var texture = createTexture(gl, layer, gl.TEXTURE0); |
|
5628
|
|
|
var maskTexture = createTexture(gl, mask, gl.TEXTURE1); |
|
5629
|
|
|
|
|
5630
|
|
|
|
|
5631
|
|
|
// Create a buffer and put a single clipspace rectangle in |
|
5632
|
|
|
// it (2 triangles) |
|
5633
|
|
|
var buffer = gl.createBuffer(); |
|
5634
|
|
|
gl.bindBuffer(gl.ARRAY_BUFFER, buffer); |
|
5635
|
|
|
gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([ |
|
5636
|
|
|
0, 0, |
|
5637
|
|
|
width, 0, |
|
5638
|
|
|
0, height, |
|
5639
|
|
|
0, height, |
|
5640
|
|
|
width, 0, |
|
5641
|
|
|
width, height]), gl.STATIC_DRAW); |
|
5642
|
|
|
gl.enableVertexAttribArray(cache.positionLocation); |
|
5643
|
|
|
gl.vertexAttribPointer(cache.positionLocation, 2, gl.FLOAT, false, 0, 0); |
|
5644
|
|
|
|
|
5645
|
|
|
// draw |
|
5646
|
|
|
gl.clearColor(0, 0, 0, 0); |
|
5647
|
|
|
gl.enable(gl.BLEND); |
|
5648
|
|
|
gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA); |
|
5649
|
|
|
gl.clear(gl.COLOR_BUFFER_BIT); |
|
5650
|
|
|
|
|
5651
|
|
|
gl.drawArrays(gl.TRIANGLES, 0, 6); |
|
5652
|
|
|
|
|
5653
|
|
|
gl.flush(); |
|
5654
|
|
|
|
|
5655
|
|
|
gl.deleteTexture(texture); |
|
5656
|
|
|
gl.deleteTexture(maskTexture); |
|
5657
|
|
|
gl.deleteBuffer(buffer); |
|
5658
|
|
|
|
|
5659
|
|
|
return canvas; |
|
5660
|
|
|
} |
|
5661
|
|
|
|
|
5662
|
|
|
var figuresVertexShaderCode = '\ |
|
5663
|
|
|
attribute vec2 a_position; \ |
|
5664
|
|
|
attribute vec3 a_color; \ |
|
5665
|
|
|
\ |
|
5666
|
|
|
uniform vec2 u_resolution; \ |
|
5667
|
|
|
uniform vec2 u_scale; \ |
|
5668
|
|
|
uniform vec2 u_offset; \ |
|
5669
|
|
|
\ |
|
5670
|
|
|
varying vec4 v_color; \ |
|
5671
|
|
|
\ |
|
5672
|
|
|
void main() { \ |
|
5673
|
|
|
vec2 position = (a_position + u_offset) * u_scale; \ |
|
5674
|
|
|
vec2 clipSpace = (position / u_resolution) * 2.0 - 1.0; \ |
|
5675
|
|
|
gl_Position = vec4(clipSpace * vec2(1, -1), 0, 1); \ |
|
5676
|
|
|
\ |
|
5677
|
|
|
v_color = vec4(a_color / 255.0, 1.0); \ |
|
5678
|
|
|
} '; |
|
5679
|
|
|
|
|
5680
|
|
|
var figuresFragmentShaderCode = '\ |
|
5681
|
|
|
precision mediump float; \ |
|
5682
|
|
|
\ |
|
5683
|
|
|
varying vec4 v_color; \ |
|
5684
|
|
|
\ |
|
5685
|
|
|
void main() { \ |
|
5686
|
|
|
gl_FragColor = v_color; \ |
|
5687
|
|
|
} '; |
|
5688
|
|
|
|
|
5689
|
|
|
var figuresCache = null; |
|
5690
|
|
|
|
|
5691
|
|
|
function initFiguresGL() { |
|
5692
|
|
|
var canvas, gl; |
|
5693
|
|
|
|
|
5694
|
|
|
generateGL(); |
|
5695
|
|
|
canvas = currentCanvas; |
|
5696
|
|
|
currentCanvas = null; |
|
5697
|
|
|
gl = currentGL; |
|
5698
|
|
|
currentGL = null; |
|
5699
|
|
|
|
|
5700
|
|
|
// setup a GLSL program |
|
5701
|
|
|
var vertexShader = createVertexShader(gl, figuresVertexShaderCode); |
|
5702
|
|
|
var fragmentShader = createFragmentShader(gl, figuresFragmentShaderCode); |
|
5703
|
|
|
var program = createProgram(gl, [vertexShader, fragmentShader]); |
|
5704
|
|
|
gl.useProgram(program); |
|
5705
|
|
|
|
|
5706
|
|
|
var cache = {}; |
|
5707
|
|
|
cache.gl = gl; |
|
5708
|
|
|
cache.canvas = canvas; |
|
5709
|
|
|
cache.resolutionLocation = gl.getUniformLocation(program, 'u_resolution'); |
|
5710
|
|
|
cache.scaleLocation = gl.getUniformLocation(program, 'u_scale'); |
|
5711
|
|
|
cache.offsetLocation = gl.getUniformLocation(program, 'u_offset'); |
|
5712
|
|
|
cache.positionLocation = gl.getAttribLocation(program, 'a_position'); |
|
5713
|
|
|
cache.colorLocation = gl.getAttribLocation(program, 'a_color'); |
|
5714
|
|
|
|
|
5715
|
|
|
figuresCache = cache; |
|
5716
|
|
|
} |
|
5717
|
|
|
|
|
5718
|
|
|
function drawFigures(width, height, backgroundColor, figures, context) { |
|
5719
|
|
|
if (!figuresCache) { |
|
5720
|
|
|
initFiguresGL(); |
|
5721
|
|
|
} |
|
5722
|
|
|
var cache = figuresCache, canvas = cache.canvas, gl = cache.gl; |
|
5723
|
|
|
|
|
5724
|
|
|
canvas.width = width; |
|
5725
|
|
|
canvas.height = height; |
|
5726
|
|
|
gl.viewport(0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight); |
|
5727
|
|
|
gl.uniform2f(cache.resolutionLocation, width, height); |
|
5728
|
|
|
|
|
5729
|
|
|
// count triangle points |
|
5730
|
|
|
var count = 0; |
|
5731
|
|
|
var i, ii, rows; |
|
5732
|
|
|
for (i = 0, ii = figures.length; i < ii; i++) { |
|
5733
|
|
|
switch (figures[i].type) { |
|
|
|
|
|
|
5734
|
|
|
case 'lattice': |
|
5735
|
|
|
rows = (figures[i].coords.length / figures[i].verticesPerRow) | 0; |
|
5736
|
|
|
count += (rows - 1) * (figures[i].verticesPerRow - 1) * 6; |
|
5737
|
|
|
break; |
|
5738
|
|
|
case 'triangles': |
|
5739
|
|
|
count += figures[i].coords.length; |
|
5740
|
|
|
break; |
|
5741
|
|
|
} |
|
5742
|
|
|
} |
|
5743
|
|
|
// transfer data |
|
5744
|
|
|
var coords = new Float32Array(count * 2); |
|
5745
|
|
|
var colors = new Uint8Array(count * 3); |
|
5746
|
|
|
var coordsMap = context.coords, colorsMap = context.colors; |
|
5747
|
|
|
var pIndex = 0, cIndex = 0; |
|
5748
|
|
|
for (i = 0, ii = figures.length; i < ii; i++) { |
|
5749
|
|
|
var figure = figures[i], ps = figure.coords, cs = figure.colors; |
|
5750
|
|
|
switch (figure.type) { |
|
|
|
|
|
|
5751
|
|
|
case 'lattice': |
|
5752
|
|
|
var cols = figure.verticesPerRow; |
|
5753
|
|
|
rows = (ps.length / cols) | 0; |
|
5754
|
|
|
for (var row = 1; row < rows; row++) { |
|
5755
|
|
|
var offset = row * cols + 1; |
|
5756
|
|
|
for (var col = 1; col < cols; col++, offset++) { |
|
5757
|
|
|
coords[pIndex] = coordsMap[ps[offset - cols - 1]]; |
|
5758
|
|
|
coords[pIndex + 1] = coordsMap[ps[offset - cols - 1] + 1]; |
|
5759
|
|
|
coords[pIndex + 2] = coordsMap[ps[offset - cols]]; |
|
5760
|
|
|
coords[pIndex + 3] = coordsMap[ps[offset - cols] + 1]; |
|
5761
|
|
|
coords[pIndex + 4] = coordsMap[ps[offset - 1]]; |
|
5762
|
|
|
coords[pIndex + 5] = coordsMap[ps[offset - 1] + 1]; |
|
5763
|
|
|
colors[cIndex] = colorsMap[cs[offset - cols - 1]]; |
|
5764
|
|
|
colors[cIndex + 1] = colorsMap[cs[offset - cols - 1] + 1]; |
|
5765
|
|
|
colors[cIndex + 2] = colorsMap[cs[offset - cols - 1] + 2]; |
|
5766
|
|
|
colors[cIndex + 3] = colorsMap[cs[offset - cols]]; |
|
5767
|
|
|
colors[cIndex + 4] = colorsMap[cs[offset - cols] + 1]; |
|
5768
|
|
|
colors[cIndex + 5] = colorsMap[cs[offset - cols] + 2]; |
|
5769
|
|
|
colors[cIndex + 6] = colorsMap[cs[offset - 1]]; |
|
5770
|
|
|
colors[cIndex + 7] = colorsMap[cs[offset - 1] + 1]; |
|
5771
|
|
|
colors[cIndex + 8] = colorsMap[cs[offset - 1] + 2]; |
|
5772
|
|
|
|
|
5773
|
|
|
coords[pIndex + 6] = coords[pIndex + 2]; |
|
5774
|
|
|
coords[pIndex + 7] = coords[pIndex + 3]; |
|
5775
|
|
|
coords[pIndex + 8] = coords[pIndex + 4]; |
|
5776
|
|
|
coords[pIndex + 9] = coords[pIndex + 5]; |
|
5777
|
|
|
coords[pIndex + 10] = coordsMap[ps[offset]]; |
|
5778
|
|
|
coords[pIndex + 11] = coordsMap[ps[offset] + 1]; |
|
5779
|
|
|
colors[cIndex + 9] = colors[cIndex + 3]; |
|
5780
|
|
|
colors[cIndex + 10] = colors[cIndex + 4]; |
|
5781
|
|
|
colors[cIndex + 11] = colors[cIndex + 5]; |
|
5782
|
|
|
colors[cIndex + 12] = colors[cIndex + 6]; |
|
5783
|
|
|
colors[cIndex + 13] = colors[cIndex + 7]; |
|
5784
|
|
|
colors[cIndex + 14] = colors[cIndex + 8]; |
|
5785
|
|
|
colors[cIndex + 15] = colorsMap[cs[offset]]; |
|
5786
|
|
|
colors[cIndex + 16] = colorsMap[cs[offset] + 1]; |
|
5787
|
|
|
colors[cIndex + 17] = colorsMap[cs[offset] + 2]; |
|
5788
|
|
|
pIndex += 12; |
|
5789
|
|
|
cIndex += 18; |
|
5790
|
|
|
} |
|
5791
|
|
|
} |
|
5792
|
|
|
break; |
|
5793
|
|
|
case 'triangles': |
|
5794
|
|
|
for (var j = 0, jj = ps.length; j < jj; j++) { |
|
5795
|
|
|
coords[pIndex] = coordsMap[ps[j]]; |
|
5796
|
|
|
coords[pIndex + 1] = coordsMap[ps[j] + 1]; |
|
5797
|
|
|
colors[cIndex] = colorsMap[cs[i]]; |
|
5798
|
|
|
colors[cIndex + 1] = colorsMap[cs[j] + 1]; |
|
5799
|
|
|
colors[cIndex + 2] = colorsMap[cs[j] + 2]; |
|
5800
|
|
|
pIndex += 2; |
|
5801
|
|
|
cIndex += 3; |
|
5802
|
|
|
} |
|
5803
|
|
|
break; |
|
5804
|
|
|
} |
|
5805
|
|
|
} |
|
5806
|
|
|
|
|
5807
|
|
|
// draw |
|
5808
|
|
|
if (backgroundColor) { |
|
5809
|
|
|
gl.clearColor(backgroundColor[0] / 255, backgroundColor[1] / 255, |
|
5810
|
|
|
backgroundColor[2] / 255, 1.0); |
|
5811
|
|
|
} else { |
|
5812
|
|
|
gl.clearColor(0, 0, 0, 0); |
|
5813
|
|
|
} |
|
5814
|
|
|
gl.clear(gl.COLOR_BUFFER_BIT); |
|
5815
|
|
|
|
|
5816
|
|
|
var coordsBuffer = gl.createBuffer(); |
|
5817
|
|
|
gl.bindBuffer(gl.ARRAY_BUFFER, coordsBuffer); |
|
5818
|
|
|
gl.bufferData(gl.ARRAY_BUFFER, coords, gl.STATIC_DRAW); |
|
5819
|
|
|
gl.enableVertexAttribArray(cache.positionLocation); |
|
5820
|
|
|
gl.vertexAttribPointer(cache.positionLocation, 2, gl.FLOAT, false, 0, 0); |
|
5821
|
|
|
|
|
5822
|
|
|
var colorsBuffer = gl.createBuffer(); |
|
5823
|
|
|
gl.bindBuffer(gl.ARRAY_BUFFER, colorsBuffer); |
|
5824
|
|
|
gl.bufferData(gl.ARRAY_BUFFER, colors, gl.STATIC_DRAW); |
|
5825
|
|
|
gl.enableVertexAttribArray(cache.colorLocation); |
|
5826
|
|
|
gl.vertexAttribPointer(cache.colorLocation, 3, gl.UNSIGNED_BYTE, false, |
|
5827
|
|
|
0, 0); |
|
5828
|
|
|
|
|
5829
|
|
|
gl.uniform2f(cache.scaleLocation, context.scaleX, context.scaleY); |
|
5830
|
|
|
gl.uniform2f(cache.offsetLocation, context.offsetX, context.offsetY); |
|
5831
|
|
|
|
|
5832
|
|
|
gl.drawArrays(gl.TRIANGLES, 0, count); |
|
5833
|
|
|
|
|
5834
|
|
|
gl.flush(); |
|
5835
|
|
|
|
|
5836
|
|
|
gl.deleteBuffer(coordsBuffer); |
|
5837
|
|
|
gl.deleteBuffer(colorsBuffer); |
|
5838
|
|
|
|
|
5839
|
|
|
return canvas; |
|
5840
|
|
|
} |
|
5841
|
|
|
|
|
5842
|
|
|
function cleanup() { |
|
5843
|
|
|
if (smaskCache && smaskCache.canvas) { |
|
5844
|
|
|
smaskCache.canvas.width = 0; |
|
5845
|
|
|
smaskCache.canvas.height = 0; |
|
5846
|
|
|
} |
|
5847
|
|
|
if (figuresCache && figuresCache.canvas) { |
|
5848
|
|
|
figuresCache.canvas.width = 0; |
|
5849
|
|
|
figuresCache.canvas.height = 0; |
|
5850
|
|
|
} |
|
5851
|
|
|
smaskCache = null; |
|
5852
|
|
|
figuresCache = null; |
|
5853
|
|
|
} |
|
5854
|
|
|
|
|
5855
|
|
|
return { |
|
5856
|
|
|
get isEnabled() { |
|
5857
|
|
|
if (PDFJS.disableWebGL) { |
|
5858
|
|
|
return false; |
|
5859
|
|
|
} |
|
5860
|
|
|
var enabled = false; |
|
5861
|
|
|
try { |
|
5862
|
|
|
generateGL(); |
|
5863
|
|
|
enabled = !!currentGL; |
|
5864
|
|
|
} catch (e) { } |
|
|
|
|
|
|
5865
|
|
|
return shadow(this, 'isEnabled', enabled); |
|
5866
|
|
|
}, |
|
5867
|
|
|
composeSMask: composeSMask, |
|
5868
|
|
|
drawFigures: drawFigures, |
|
5869
|
|
|
clear: cleanup |
|
5870
|
|
|
}; |
|
5871
|
|
|
})(); |
|
5872
|
|
|
|
|
5873
|
|
|
|
|
5874
|
|
|
var ShadingIRs = {}; |
|
5875
|
|
|
|
|
5876
|
|
|
ShadingIRs.RadialAxial = { |
|
5877
|
|
|
fromIR: function RadialAxial_fromIR(raw) { |
|
5878
|
|
|
var type = raw[1]; |
|
5879
|
|
|
var colorStops = raw[2]; |
|
5880
|
|
|
var p0 = raw[3]; |
|
5881
|
|
|
var p1 = raw[4]; |
|
5882
|
|
|
var r0 = raw[5]; |
|
5883
|
|
|
var r1 = raw[6]; |
|
5884
|
|
|
return { |
|
5885
|
|
|
type: 'Pattern', |
|
5886
|
|
|
getPattern: function RadialAxial_getPattern(ctx) { |
|
5887
|
|
|
var grad; |
|
5888
|
|
|
if (type === 'axial') { |
|
5889
|
|
|
grad = ctx.createLinearGradient(p0[0], p0[1], p1[0], p1[1]); |
|
5890
|
|
|
} else if (type === 'radial') { |
|
5891
|
|
|
grad = ctx.createRadialGradient(p0[0], p0[1], r0, p1[0], p1[1], r1); |
|
5892
|
|
|
} |
|
5893
|
|
|
|
|
5894
|
|
|
for (var i = 0, ii = colorStops.length; i < ii; ++i) { |
|
5895
|
|
|
var c = colorStops[i]; |
|
5896
|
|
|
grad.addColorStop(c[0], c[1]); |
|
|
|
|
|
|
5897
|
|
|
} |
|
5898
|
|
|
return grad; |
|
5899
|
|
|
} |
|
5900
|
|
|
}; |
|
5901
|
|
|
} |
|
5902
|
|
|
}; |
|
5903
|
|
|
|
|
5904
|
|
|
var createMeshCanvas = (function createMeshCanvasClosure() { |
|
5905
|
|
|
function drawTriangle(data, context, p1, p2, p3, c1, c2, c3) { |
|
5906
|
|
|
// Very basic Gouraud-shaded triangle rasterization algorithm. |
|
5907
|
|
|
var coords = context.coords, colors = context.colors; |
|
5908
|
|
|
var bytes = data.data, rowSize = data.width * 4; |
|
5909
|
|
|
var tmp; |
|
5910
|
|
|
if (coords[p1 + 1] > coords[p2 + 1]) { |
|
5911
|
|
|
tmp = p1; p1 = p2; p2 = tmp; tmp = c1; c1 = c2; c2 = tmp; |
|
5912
|
|
|
} |
|
5913
|
|
|
if (coords[p2 + 1] > coords[p3 + 1]) { |
|
5914
|
|
|
tmp = p2; p2 = p3; p3 = tmp; tmp = c2; c2 = c3; c3 = tmp; |
|
5915
|
|
|
} |
|
5916
|
|
|
if (coords[p1 + 1] > coords[p2 + 1]) { |
|
5917
|
|
|
tmp = p1; p1 = p2; p2 = tmp; tmp = c1; c1 = c2; c2 = tmp; |
|
5918
|
|
|
} |
|
5919
|
|
|
var x1 = (coords[p1] + context.offsetX) * context.scaleX; |
|
5920
|
|
|
var y1 = (coords[p1 + 1] + context.offsetY) * context.scaleY; |
|
5921
|
|
|
var x2 = (coords[p2] + context.offsetX) * context.scaleX; |
|
5922
|
|
|
var y2 = (coords[p2 + 1] + context.offsetY) * context.scaleY; |
|
5923
|
|
|
var x3 = (coords[p3] + context.offsetX) * context.scaleX; |
|
5924
|
|
|
var y3 = (coords[p3 + 1] + context.offsetY) * context.scaleY; |
|
5925
|
|
|
if (y1 >= y3) { |
|
5926
|
|
|
return; |
|
5927
|
|
|
} |
|
5928
|
|
|
var c1r = colors[c1], c1g = colors[c1 + 1], c1b = colors[c1 + 2]; |
|
5929
|
|
|
var c2r = colors[c2], c2g = colors[c2 + 1], c2b = colors[c2 + 2]; |
|
5930
|
|
|
var c3r = colors[c3], c3g = colors[c3 + 1], c3b = colors[c3 + 2]; |
|
5931
|
|
|
|
|
5932
|
|
|
var minY = Math.round(y1), maxY = Math.round(y3); |
|
5933
|
|
|
var xa, car, cag, cab; |
|
5934
|
|
|
var xb, cbr, cbg, cbb; |
|
5935
|
|
|
var k; |
|
5936
|
|
|
for (var y = minY; y <= maxY; y++) { |
|
5937
|
|
|
if (y < y2) { |
|
5938
|
|
|
k = y < y1 ? 0 : y1 === y2 ? 1 : (y1 - y) / (y1 - y2); |
|
5939
|
|
|
xa = x1 - (x1 - x2) * k; |
|
5940
|
|
|
car = c1r - (c1r - c2r) * k; |
|
5941
|
|
|
cag = c1g - (c1g - c2g) * k; |
|
5942
|
|
|
cab = c1b - (c1b - c2b) * k; |
|
5943
|
|
|
} else { |
|
5944
|
|
|
k = y > y3 ? 1 : y2 === y3 ? 0 : (y2 - y) / (y2 - y3); |
|
5945
|
|
|
xa = x2 - (x2 - x3) * k; |
|
5946
|
|
|
car = c2r - (c2r - c3r) * k; |
|
5947
|
|
|
cag = c2g - (c2g - c3g) * k; |
|
5948
|
|
|
cab = c2b - (c2b - c3b) * k; |
|
5949
|
|
|
} |
|
5950
|
|
|
k = y < y1 ? 0 : y > y3 ? 1 : (y1 - y) / (y1 - y3); |
|
5951
|
|
|
xb = x1 - (x1 - x3) * k; |
|
5952
|
|
|
cbr = c1r - (c1r - c3r) * k; |
|
5953
|
|
|
cbg = c1g - (c1g - c3g) * k; |
|
5954
|
|
|
cbb = c1b - (c1b - c3b) * k; |
|
5955
|
|
|
var x1_ = Math.round(Math.min(xa, xb)); |
|
5956
|
|
|
var x2_ = Math.round(Math.max(xa, xb)); |
|
5957
|
|
|
var j = rowSize * y + x1_ * 4; |
|
5958
|
|
|
for (var x = x1_; x <= x2_; x++) { |
|
5959
|
|
|
k = (xa - x) / (xa - xb); |
|
5960
|
|
|
k = k < 0 ? 0 : k > 1 ? 1 : k; |
|
5961
|
|
|
bytes[j++] = (car - (car - cbr) * k) | 0; |
|
5962
|
|
|
bytes[j++] = (cag - (cag - cbg) * k) | 0; |
|
5963
|
|
|
bytes[j++] = (cab - (cab - cbb) * k) | 0; |
|
5964
|
|
|
bytes[j++] = 255; |
|
5965
|
|
|
} |
|
5966
|
|
|
} |
|
5967
|
|
|
} |
|
5968
|
|
|
|
|
5969
|
|
|
function drawFigure(data, figure, context) { |
|
5970
|
|
|
var ps = figure.coords; |
|
5971
|
|
|
var cs = figure.colors; |
|
5972
|
|
|
var i, ii; |
|
5973
|
|
|
switch (figure.type) { |
|
5974
|
|
|
case 'lattice': |
|
5975
|
|
|
var verticesPerRow = figure.verticesPerRow; |
|
5976
|
|
|
var rows = Math.floor(ps.length / verticesPerRow) - 1; |
|
5977
|
|
|
var cols = verticesPerRow - 1; |
|
5978
|
|
|
for (i = 0; i < rows; i++) { |
|
5979
|
|
|
var q = i * verticesPerRow; |
|
5980
|
|
|
for (var j = 0; j < cols; j++, q++) { |
|
5981
|
|
|
drawTriangle(data, context, |
|
5982
|
|
|
ps[q], ps[q + 1], ps[q + verticesPerRow], |
|
5983
|
|
|
cs[q], cs[q + 1], cs[q + verticesPerRow]); |
|
5984
|
|
|
drawTriangle(data, context, |
|
5985
|
|
|
ps[q + verticesPerRow + 1], ps[q + 1], ps[q + verticesPerRow], |
|
5986
|
|
|
cs[q + verticesPerRow + 1], cs[q + 1], cs[q + verticesPerRow]); |
|
5987
|
|
|
} |
|
5988
|
|
|
} |
|
5989
|
|
|
break; |
|
5990
|
|
|
case 'triangles': |
|
5991
|
|
|
for (i = 0, ii = ps.length; i < ii; i += 3) { |
|
5992
|
|
|
drawTriangle(data, context, |
|
5993
|
|
|
ps[i], ps[i + 1], ps[i + 2], |
|
5994
|
|
|
cs[i], cs[i + 1], cs[i + 2]); |
|
5995
|
|
|
} |
|
5996
|
|
|
break; |
|
5997
|
|
|
default: |
|
5998
|
|
|
error('illigal figure'); |
|
5999
|
|
|
break; |
|
6000
|
|
|
} |
|
6001
|
|
|
} |
|
6002
|
|
|
|
|
6003
|
|
|
function createMeshCanvas(bounds, combinesScale, coords, colors, figures, |
|
6004
|
|
|
backgroundColor) { |
|
6005
|
|
|
// we will increase scale on some weird factor to let antialiasing take |
|
6006
|
|
|
// care of "rough" edges |
|
6007
|
|
|
var EXPECTED_SCALE = 1.1; |
|
6008
|
|
|
// MAX_PATTERN_SIZE is used to avoid OOM situation. |
|
6009
|
|
|
var MAX_PATTERN_SIZE = 3000; // 10in @ 300dpi shall be enough |
|
6010
|
|
|
|
|
6011
|
|
|
var offsetX = Math.floor(bounds[0]); |
|
6012
|
|
|
var offsetY = Math.floor(bounds[1]); |
|
6013
|
|
|
var boundsWidth = Math.ceil(bounds[2]) - offsetX; |
|
6014
|
|
|
var boundsHeight = Math.ceil(bounds[3]) - offsetY; |
|
6015
|
|
|
|
|
6016
|
|
|
var width = Math.min(Math.ceil(Math.abs(boundsWidth * combinesScale[0] * |
|
6017
|
|
|
EXPECTED_SCALE)), MAX_PATTERN_SIZE); |
|
6018
|
|
|
var height = Math.min(Math.ceil(Math.abs(boundsHeight * combinesScale[1] * |
|
6019
|
|
|
EXPECTED_SCALE)), MAX_PATTERN_SIZE); |
|
6020
|
|
|
var scaleX = boundsWidth / width; |
|
6021
|
|
|
var scaleY = boundsHeight / height; |
|
6022
|
|
|
|
|
6023
|
|
|
var context = { |
|
6024
|
|
|
coords: coords, |
|
6025
|
|
|
colors: colors, |
|
6026
|
|
|
offsetX: -offsetX, |
|
6027
|
|
|
offsetY: -offsetY, |
|
6028
|
|
|
scaleX: 1 / scaleX, |
|
6029
|
|
|
scaleY: 1 / scaleY |
|
6030
|
|
|
}; |
|
6031
|
|
|
|
|
6032
|
|
|
var canvas, tmpCanvas, i, ii; |
|
6033
|
|
|
if (WebGLUtils.isEnabled) { |
|
6034
|
|
|
canvas = WebGLUtils.drawFigures(width, height, backgroundColor, |
|
6035
|
|
|
figures, context); |
|
6036
|
|
|
|
|
6037
|
|
|
// https://bugzilla.mozilla.org/show_bug.cgi?id=972126 |
|
6038
|
|
|
tmpCanvas = CachedCanvases.getCanvas('mesh', width, height, false); |
|
6039
|
|
|
tmpCanvas.context.drawImage(canvas, 0, 0); |
|
6040
|
|
|
canvas = tmpCanvas.canvas; |
|
6041
|
|
|
} else { |
|
6042
|
|
|
tmpCanvas = CachedCanvases.getCanvas('mesh', width, height, false); |
|
6043
|
|
|
var tmpCtx = tmpCanvas.context; |
|
6044
|
|
|
|
|
6045
|
|
|
var data = tmpCtx.createImageData(width, height); |
|
6046
|
|
|
if (backgroundColor) { |
|
6047
|
|
|
var bytes = data.data; |
|
6048
|
|
|
for (i = 0, ii = bytes.length; i < ii; i += 4) { |
|
6049
|
|
|
bytes[i] = backgroundColor[0]; |
|
6050
|
|
|
bytes[i + 1] = backgroundColor[1]; |
|
6051
|
|
|
bytes[i + 2] = backgroundColor[2]; |
|
6052
|
|
|
bytes[i + 3] = 255; |
|
6053
|
|
|
} |
|
6054
|
|
|
} |
|
6055
|
|
|
for (i = 0; i < figures.length; i++) { |
|
6056
|
|
|
drawFigure(data, figures[i], context); |
|
6057
|
|
|
} |
|
6058
|
|
|
tmpCtx.putImageData(data, 0, 0); |
|
6059
|
|
|
canvas = tmpCanvas.canvas; |
|
6060
|
|
|
} |
|
6061
|
|
|
|
|
6062
|
|
|
return {canvas: canvas, offsetX: offsetX, offsetY: offsetY, |
|
6063
|
|
|
scaleX: scaleX, scaleY: scaleY}; |
|
6064
|
|
|
} |
|
6065
|
|
|
return createMeshCanvas; |
|
6066
|
|
|
})(); |
|
6067
|
|
|
|
|
6068
|
|
|
ShadingIRs.Mesh = { |
|
6069
|
|
|
fromIR: function Mesh_fromIR(raw) { |
|
6070
|
|
|
//var type = raw[1]; |
|
6071
|
|
|
var coords = raw[2]; |
|
6072
|
|
|
var colors = raw[3]; |
|
6073
|
|
|
var figures = raw[4]; |
|
6074
|
|
|
var bounds = raw[5]; |
|
6075
|
|
|
var matrix = raw[6]; |
|
6076
|
|
|
//var bbox = raw[7]; |
|
6077
|
|
|
var background = raw[8]; |
|
6078
|
|
|
return { |
|
6079
|
|
|
type: 'Pattern', |
|
6080
|
|
|
getPattern: function Mesh_getPattern(ctx, owner, shadingFill) { |
|
6081
|
|
|
var scale; |
|
6082
|
|
|
if (shadingFill) { |
|
6083
|
|
|
scale = Util.singularValueDecompose2dScale(ctx.mozCurrentTransform); |
|
6084
|
|
|
} else { |
|
6085
|
|
|
// Obtain scale from matrix and current transformation matrix. |
|
6086
|
|
|
scale = Util.singularValueDecompose2dScale(owner.baseTransform); |
|
6087
|
|
|
if (matrix) { |
|
6088
|
|
|
var matrixScale = Util.singularValueDecompose2dScale(matrix); |
|
6089
|
|
|
scale = [scale[0] * matrixScale[0], |
|
6090
|
|
|
scale[1] * matrixScale[1]]; |
|
6091
|
|
|
} |
|
6092
|
|
|
} |
|
6093
|
|
|
|
|
6094
|
|
|
|
|
6095
|
|
|
// Rasterizing on the main thread since sending/queue large canvases |
|
6096
|
|
|
// might cause OOM. |
|
6097
|
|
|
var temporaryPatternCanvas = createMeshCanvas(bounds, scale, coords, |
|
6098
|
|
|
colors, figures, shadingFill ? null : background); |
|
6099
|
|
|
|
|
6100
|
|
|
if (!shadingFill) { |
|
6101
|
|
|
ctx.setTransform.apply(ctx, owner.baseTransform); |
|
6102
|
|
|
if (matrix) { |
|
6103
|
|
|
ctx.transform.apply(ctx, matrix); |
|
6104
|
|
|
} |
|
6105
|
|
|
} |
|
6106
|
|
|
|
|
6107
|
|
|
ctx.translate(temporaryPatternCanvas.offsetX, |
|
6108
|
|
|
temporaryPatternCanvas.offsetY); |
|
6109
|
|
|
ctx.scale(temporaryPatternCanvas.scaleX, |
|
6110
|
|
|
temporaryPatternCanvas.scaleY); |
|
6111
|
|
|
|
|
6112
|
|
|
return ctx.createPattern(temporaryPatternCanvas.canvas, 'no-repeat'); |
|
6113
|
|
|
} |
|
6114
|
|
|
}; |
|
6115
|
|
|
} |
|
6116
|
|
|
}; |
|
6117
|
|
|
|
|
6118
|
|
|
ShadingIRs.Dummy = { |
|
6119
|
|
|
fromIR: function Dummy_fromIR() { |
|
6120
|
|
|
return { |
|
6121
|
|
|
type: 'Pattern', |
|
6122
|
|
|
getPattern: function Dummy_fromIR_getPattern() { |
|
6123
|
|
|
return 'hotpink'; |
|
6124
|
|
|
} |
|
6125
|
|
|
}; |
|
6126
|
|
|
} |
|
6127
|
|
|
}; |
|
6128
|
|
|
|
|
6129
|
|
|
function getShadingPatternFromIR(raw) { |
|
6130
|
|
|
var shadingIR = ShadingIRs[raw[0]]; |
|
6131
|
|
|
if (!shadingIR) { |
|
6132
|
|
|
error('Unknown IR type: ' + raw[0]); |
|
6133
|
|
|
} |
|
6134
|
|
|
return shadingIR.fromIR(raw); |
|
6135
|
|
|
} |
|
6136
|
|
|
|
|
6137
|
|
|
var TilingPattern = (function TilingPatternClosure() { |
|
6138
|
|
|
var PaintType = { |
|
|
|
|
|
|
6139
|
|
|
COLORED: 1, |
|
6140
|
|
|
UNCOLORED: 2 |
|
6141
|
|
|
}; |
|
6142
|
|
|
|
|
6143
|
|
|
var MAX_PATTERN_SIZE = 3000; // 10in @ 300dpi shall be enough |
|
6144
|
|
|
|
|
6145
|
|
|
function TilingPattern(IR, color, ctx, objs, commonObjs, baseTransform) { |
|
6146
|
|
|
this.operatorList = IR[2]; |
|
6147
|
|
|
this.matrix = IR[3] || [1, 0, 0, 1, 0, 0]; |
|
6148
|
|
|
this.bbox = IR[4]; |
|
6149
|
|
|
this.xstep = IR[5]; |
|
6150
|
|
|
this.ystep = IR[6]; |
|
6151
|
|
|
this.paintType = IR[7]; |
|
6152
|
|
|
this.tilingType = IR[8]; |
|
6153
|
|
|
this.color = color; |
|
6154
|
|
|
this.objs = objs; |
|
6155
|
|
|
this.commonObjs = commonObjs; |
|
6156
|
|
|
this.baseTransform = baseTransform; |
|
6157
|
|
|
this.type = 'Pattern'; |
|
6158
|
|
|
this.ctx = ctx; |
|
6159
|
|
|
} |
|
6160
|
|
|
|
|
6161
|
|
|
TilingPattern.prototype = { |
|
6162
|
|
|
createPatternCanvas: function TilinPattern_createPatternCanvas(owner) { |
|
6163
|
|
|
var operatorList = this.operatorList; |
|
6164
|
|
|
var bbox = this.bbox; |
|
6165
|
|
|
var xstep = this.xstep; |
|
6166
|
|
|
var ystep = this.ystep; |
|
6167
|
|
|
var paintType = this.paintType; |
|
6168
|
|
|
var tilingType = this.tilingType; |
|
6169
|
|
|
var color = this.color; |
|
6170
|
|
|
var objs = this.objs; |
|
6171
|
|
|
var commonObjs = this.commonObjs; |
|
6172
|
|
|
|
|
6173
|
|
|
info('TilingType: ' + tilingType); |
|
6174
|
|
|
|
|
6175
|
|
|
var x0 = bbox[0], y0 = bbox[1], x1 = bbox[2], y1 = bbox[3]; |
|
6176
|
|
|
|
|
6177
|
|
|
var topLeft = [x0, y0]; |
|
6178
|
|
|
// we want the canvas to be as large as the step size |
|
6179
|
|
|
var botRight = [x0 + xstep, y0 + ystep]; |
|
6180
|
|
|
|
|
6181
|
|
|
var width = botRight[0] - topLeft[0]; |
|
6182
|
|
|
var height = botRight[1] - topLeft[1]; |
|
6183
|
|
|
|
|
6184
|
|
|
// Obtain scale from matrix and current transformation matrix. |
|
6185
|
|
|
var matrixScale = Util.singularValueDecompose2dScale(this.matrix); |
|
6186
|
|
|
var curMatrixScale = Util.singularValueDecompose2dScale( |
|
6187
|
|
|
this.baseTransform); |
|
6188
|
|
|
var combinedScale = [matrixScale[0] * curMatrixScale[0], |
|
6189
|
|
|
matrixScale[1] * curMatrixScale[1]]; |
|
6190
|
|
|
|
|
6191
|
|
|
// MAX_PATTERN_SIZE is used to avoid OOM situation. |
|
6192
|
|
|
// Use width and height values that are as close as possible to the end |
|
6193
|
|
|
// result when the pattern is used. Too low value makes the pattern look |
|
6194
|
|
|
// blurry. Too large value makes it look too crispy. |
|
6195
|
|
|
width = Math.min(Math.ceil(Math.abs(width * combinedScale[0])), |
|
6196
|
|
|
MAX_PATTERN_SIZE); |
|
6197
|
|
|
|
|
6198
|
|
|
height = Math.min(Math.ceil(Math.abs(height * combinedScale[1])), |
|
6199
|
|
|
MAX_PATTERN_SIZE); |
|
6200
|
|
|
|
|
6201
|
|
|
var tmpCanvas = CachedCanvases.getCanvas('pattern', width, height, true); |
|
6202
|
|
|
var tmpCtx = tmpCanvas.context; |
|
6203
|
|
|
var graphics = new CanvasGraphics(tmpCtx, commonObjs, objs); |
|
6204
|
|
|
graphics.groupLevel = owner.groupLevel; |
|
6205
|
|
|
|
|
6206
|
|
|
this.setFillAndStrokeStyleToContext(tmpCtx, paintType, color); |
|
6207
|
|
|
|
|
6208
|
|
|
this.setScale(width, height, xstep, ystep); |
|
6209
|
|
|
this.transformToScale(graphics); |
|
6210
|
|
|
|
|
6211
|
|
|
// transform coordinates to pattern space |
|
6212
|
|
|
var tmpTranslate = [1, 0, 0, 1, -topLeft[0], -topLeft[1]]; |
|
6213
|
|
|
graphics.transform.apply(graphics, tmpTranslate); |
|
6214
|
|
|
|
|
6215
|
|
|
this.clipBbox(graphics, bbox, x0, y0, x1, y1); |
|
6216
|
|
|
|
|
6217
|
|
|
graphics.executeOperatorList(operatorList); |
|
6218
|
|
|
return tmpCanvas.canvas; |
|
6219
|
|
|
}, |
|
6220
|
|
|
|
|
6221
|
|
|
setScale: function TilingPattern_setScale(width, height, xstep, ystep) { |
|
6222
|
|
|
this.scale = [width / xstep, height / ystep]; |
|
6223
|
|
|
}, |
|
6224
|
|
|
|
|
6225
|
|
|
transformToScale: function TilingPattern_transformToScale(graphics) { |
|
6226
|
|
|
var scale = this.scale; |
|
6227
|
|
|
var tmpScale = [scale[0], 0, 0, scale[1], 0, 0]; |
|
6228
|
|
|
graphics.transform.apply(graphics, tmpScale); |
|
6229
|
|
|
}, |
|
6230
|
|
|
|
|
6231
|
|
|
scaleToContext: function TilingPattern_scaleToContext() { |
|
6232
|
|
|
var scale = this.scale; |
|
6233
|
|
|
this.ctx.scale(1 / scale[0], 1 / scale[1]); |
|
6234
|
|
|
}, |
|
6235
|
|
|
|
|
6236
|
|
|
clipBbox: function clipBbox(graphics, bbox, x0, y0, x1, y1) { |
|
6237
|
|
|
if (bbox && isArray(bbox) && bbox.length === 4) { |
|
6238
|
|
|
var bboxWidth = x1 - x0; |
|
6239
|
|
|
var bboxHeight = y1 - y0; |
|
6240
|
|
|
graphics.ctx.rect(x0, y0, bboxWidth, bboxHeight); |
|
6241
|
|
|
graphics.clip(); |
|
6242
|
|
|
graphics.endPath(); |
|
6243
|
|
|
} |
|
6244
|
|
|
}, |
|
6245
|
|
|
|
|
6246
|
|
|
setFillAndStrokeStyleToContext: |
|
6247
|
|
|
function setFillAndStrokeStyleToContext(context, paintType, color) { |
|
6248
|
|
|
switch (paintType) { |
|
6249
|
|
|
case PaintType.COLORED: |
|
|
|
|
|
|
6250
|
|
|
var ctx = this.ctx; |
|
6251
|
|
|
context.fillStyle = ctx.fillStyle; |
|
6252
|
|
|
context.strokeStyle = ctx.strokeStyle; |
|
6253
|
|
|
break; |
|
6254
|
|
|
case PaintType.UNCOLORED: |
|
6255
|
|
|
var cssColor = Util.makeCssRgb(color[0], color[1], color[2]); |
|
6256
|
|
|
context.fillStyle = cssColor; |
|
6257
|
|
|
context.strokeStyle = cssColor; |
|
6258
|
|
|
break; |
|
6259
|
|
|
default: |
|
6260
|
|
|
error('Unsupported paint type: ' + paintType); |
|
6261
|
|
|
} |
|
6262
|
|
|
}, |
|
6263
|
|
|
|
|
6264
|
|
|
getPattern: function TilingPattern_getPattern(ctx, owner) { |
|
6265
|
|
|
var temporaryPatternCanvas = this.createPatternCanvas(owner); |
|
6266
|
|
|
|
|
6267
|
|
|
ctx = this.ctx; |
|
6268
|
|
|
ctx.setTransform.apply(ctx, this.baseTransform); |
|
6269
|
|
|
ctx.transform.apply(ctx, this.matrix); |
|
6270
|
|
|
this.scaleToContext(); |
|
6271
|
|
|
|
|
6272
|
|
|
return ctx.createPattern(temporaryPatternCanvas, 'repeat'); |
|
6273
|
|
|
} |
|
6274
|
|
|
}; |
|
6275
|
|
|
|
|
6276
|
|
|
return TilingPattern; |
|
6277
|
|
|
})(); |
|
6278
|
|
|
|
|
6279
|
|
|
|
|
6280
|
|
|
PDFJS.disableFontFace = false; |
|
6281
|
|
|
|
|
6282
|
|
|
var FontLoader = { |
|
6283
|
|
|
insertRule: function fontLoaderInsertRule(rule) { |
|
6284
|
|
|
var styleElement = document.getElementById('PDFJS_FONT_STYLE_TAG'); |
|
6285
|
|
|
if (!styleElement) { |
|
6286
|
|
|
styleElement = document.createElement('style'); |
|
6287
|
|
|
styleElement.id = 'PDFJS_FONT_STYLE_TAG'; |
|
6288
|
|
|
document.documentElement.getElementsByTagName('head')[0].appendChild( |
|
6289
|
|
|
styleElement); |
|
6290
|
|
|
} |
|
6291
|
|
|
|
|
6292
|
|
|
var styleSheet = styleElement.sheet; |
|
6293
|
|
|
styleSheet.insertRule(rule, styleSheet.cssRules.length); |
|
6294
|
|
|
}, |
|
6295
|
|
|
|
|
6296
|
|
|
clear: function fontLoaderClear() { |
|
6297
|
|
|
var styleElement = document.getElementById('PDFJS_FONT_STYLE_TAG'); |
|
6298
|
|
|
if (styleElement) { |
|
6299
|
|
|
styleElement.parentNode.removeChild(styleElement); |
|
6300
|
|
|
} |
|
6301
|
|
|
//#if !(MOZCENTRAL) |
|
6302
|
|
|
this.nativeFontFaces.forEach(function(nativeFontFace) { |
|
6303
|
|
|
document.fonts.delete(nativeFontFace); |
|
6304
|
|
|
}); |
|
6305
|
|
|
this.nativeFontFaces.length = 0; |
|
6306
|
|
|
//#endif |
|
6307
|
|
|
}, |
|
6308
|
|
|
//#if !(MOZCENTRAL) |
|
6309
|
|
|
get loadTestFont() { |
|
6310
|
|
|
// This is a CFF font with 1 glyph for '.' that fills its entire width and |
|
6311
|
|
|
// height. |
|
6312
|
|
|
return shadow(this, 'loadTestFont', atob( |
|
6313
|
|
|
'T1RUTwALAIAAAwAwQ0ZGIDHtZg4AAAOYAAAAgUZGVE1lkzZwAAAEHAAAABxHREVGABQAFQ' + |
|
6314
|
|
|
'AABDgAAAAeT1MvMlYNYwkAAAEgAAAAYGNtYXABDQLUAAACNAAAAUJoZWFk/xVFDQAAALwA' + |
|
6315
|
|
|
'AAA2aGhlYQdkA+oAAAD0AAAAJGhtdHgD6AAAAAAEWAAAAAZtYXhwAAJQAAAAARgAAAAGbm' + |
|
6316
|
|
|
'FtZVjmdH4AAAGAAAAAsXBvc3T/hgAzAAADeAAAACAAAQAAAAEAALZRFsRfDzz1AAsD6AAA' + |
|
6317
|
|
|
'AADOBOTLAAAAAM4KHDwAAAAAA+gDIQAAAAgAAgAAAAAAAAABAAADIQAAAFoD6AAAAAAD6A' + |
|
6318
|
|
|
'ABAAAAAAAAAAAAAAAAAAAAAQAAUAAAAgAAAAQD6AH0AAUAAAKKArwAAACMAooCvAAAAeAA' + |
|
6319
|
|
|
'MQECAAACAAYJAAAAAAAAAAAAAQAAAAAAAAAAAAAAAFBmRWQAwAAuAC4DIP84AFoDIQAAAA' + |
|
6320
|
|
|
'AAAQAAAAAAAAAAACAAIAABAAAADgCuAAEAAAAAAAAAAQAAAAEAAAAAAAEAAQAAAAEAAAAA' + |
|
6321
|
|
|
'AAIAAQAAAAEAAAAAAAMAAQAAAAEAAAAAAAQAAQAAAAEAAAAAAAUAAQAAAAEAAAAAAAYAAQ' + |
|
6322
|
|
|
'AAAAMAAQQJAAAAAgABAAMAAQQJAAEAAgABAAMAAQQJAAIAAgABAAMAAQQJAAMAAgABAAMA' + |
|
6323
|
|
|
'AQQJAAQAAgABAAMAAQQJAAUAAgABAAMAAQQJAAYAAgABWABYAAAAAAAAAwAAAAMAAAAcAA' + |
|
6324
|
|
|
'EAAAAAADwAAwABAAAAHAAEACAAAAAEAAQAAQAAAC7//wAAAC7////TAAEAAAAAAAABBgAA' + |
|
6325
|
|
|
'AQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAA' + |
|
6326
|
|
|
'AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA' + |
|
6327
|
|
|
'AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA' + |
|
6328
|
|
|
'AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA' + |
|
6329
|
|
|
'AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAA' + |
|
6330
|
|
|
'AAAAD/gwAyAAAAAQAAAAAAAAAAAAAAAAAAAAABAAQEAAEBAQJYAAEBASH4DwD4GwHEAvgc' + |
|
6331
|
|
|
'A/gXBIwMAYuL+nz5tQXkD5j3CBLnEQACAQEBIVhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWF' + |
|
6332
|
|
|
'hYWFhYWFhYAAABAQAADwACAQEEE/t3Dov6fAH6fAT+fPp8+nwHDosMCvm1Cvm1DAz6fBQA' + |
|
6333
|
|
|
'AAAAAAABAAAAAMmJbzEAAAAAzgTjFQAAAADOBOQpAAEAAAAAAAAADAAUAAQAAAABAAAAAg' + |
|
6334
|
|
|
'ABAAAAAAAAAAAD6AAAAAAAAA==' |
|
6335
|
|
|
)); |
|
6336
|
|
|
}, |
|
6337
|
|
|
|
|
6338
|
|
|
loadTestFontId: 0, |
|
6339
|
|
|
|
|
6340
|
|
|
loadingContext: { |
|
6341
|
|
|
requests: [], |
|
6342
|
|
|
nextRequestId: 0 |
|
6343
|
|
|
}, |
|
6344
|
|
|
|
|
6345
|
|
|
isSyncFontLoadingSupported: (function detectSyncFontLoadingSupport() { |
|
6346
|
|
|
if (isWorker) { |
|
6347
|
|
|
return false; |
|
6348
|
|
|
} |
|
6349
|
|
|
|
|
6350
|
|
|
// User agent string sniffing is bad, but there is no reliable way to tell |
|
6351
|
|
|
// if font is fully loaded and ready to be used with canvas. |
|
6352
|
|
|
var userAgent = window.navigator.userAgent; |
|
6353
|
|
|
var m = /Mozilla\/5.0.*?rv:(\d+).*? Gecko/.exec(userAgent); |
|
6354
|
|
|
if (m && m[1] >= 14) { |
|
6355
|
|
|
return true; |
|
6356
|
|
|
} |
|
6357
|
|
|
// TODO other browsers |
|
6358
|
|
|
if (userAgent === 'node') { |
|
6359
|
|
|
return true; |
|
6360
|
|
|
} |
|
6361
|
|
|
return false; |
|
6362
|
|
|
})(), |
|
6363
|
|
|
|
|
6364
|
|
|
nativeFontFaces: [], |
|
6365
|
|
|
|
|
6366
|
|
|
isFontLoadingAPISupported: (!isWorker && typeof document !== 'undefined' && |
|
6367
|
|
|
!!document.fonts), |
|
6368
|
|
|
|
|
6369
|
|
|
addNativeFontFace: function fontLoader_addNativeFontFace(nativeFontFace) { |
|
6370
|
|
|
this.nativeFontFaces.push(nativeFontFace); |
|
6371
|
|
|
document.fonts.add(nativeFontFace); |
|
6372
|
|
|
}, |
|
6373
|
|
|
|
|
6374
|
|
|
bind: function fontLoaderBind(fonts, callback) { |
|
6375
|
|
|
assert(!isWorker, 'bind() shall be called from main thread'); |
|
6376
|
|
|
|
|
6377
|
|
|
var rules = []; |
|
6378
|
|
|
var fontsToLoad = []; |
|
6379
|
|
|
var fontLoadPromises = []; |
|
6380
|
|
|
for (var i = 0, ii = fonts.length; i < ii; i++) { |
|
6381
|
|
|
var font = fonts[i]; |
|
6382
|
|
|
|
|
6383
|
|
|
// Add the font to the DOM only once or skip if the font |
|
6384
|
|
|
// is already loaded. |
|
6385
|
|
|
if (font.attached || font.loading === false) { |
|
6386
|
|
|
continue; |
|
6387
|
|
|
} |
|
6388
|
|
|
font.attached = true; |
|
6389
|
|
|
|
|
6390
|
|
|
if (this.isFontLoadingAPISupported) { |
|
6391
|
|
|
var nativeFontFace = font.createNativeFontFace(); |
|
6392
|
|
|
if (nativeFontFace) { |
|
6393
|
|
|
fontLoadPromises.push(nativeFontFace.loaded); |
|
6394
|
|
|
} |
|
6395
|
|
|
} else { |
|
6396
|
|
|
var rule = font.bindDOM(); |
|
6397
|
|
|
if (rule) { |
|
6398
|
|
|
rules.push(rule); |
|
6399
|
|
|
fontsToLoad.push(font); |
|
6400
|
|
|
} |
|
6401
|
|
|
} |
|
6402
|
|
|
} |
|
6403
|
|
|
|
|
6404
|
|
|
var request = FontLoader.queueLoadingCallback(callback); |
|
6405
|
|
|
if (this.isFontLoadingAPISupported) { |
|
6406
|
|
|
Promise.all(fontsToLoad).then(function() { |
|
6407
|
|
|
request.complete(); |
|
6408
|
|
|
}); |
|
6409
|
|
|
} else if (rules.length > 0 && !this.isSyncFontLoadingSupported) { |
|
6410
|
|
|
FontLoader.prepareFontLoadEvent(rules, fontsToLoad, request); |
|
6411
|
|
|
} else { |
|
6412
|
|
|
request.complete(); |
|
6413
|
|
|
} |
|
6414
|
|
|
}, |
|
6415
|
|
|
|
|
6416
|
|
|
queueLoadingCallback: function FontLoader_queueLoadingCallback(callback) { |
|
6417
|
|
|
function LoadLoader_completeRequest() { |
|
6418
|
|
|
assert(!request.end, 'completeRequest() cannot be called twice'); |
|
6419
|
|
|
request.end = Date.now(); |
|
6420
|
|
|
|
|
6421
|
|
|
// sending all completed requests in order how they were queued |
|
6422
|
|
|
while (context.requests.length > 0 && context.requests[0].end) { |
|
6423
|
|
|
var otherRequest = context.requests.shift(); |
|
6424
|
|
|
setTimeout(otherRequest.callback, 0); |
|
6425
|
|
|
} |
|
6426
|
|
|
} |
|
6427
|
|
|
|
|
6428
|
|
|
var context = FontLoader.loadingContext; |
|
6429
|
|
|
var requestId = 'pdfjs-font-loading-' + (context.nextRequestId++); |
|
6430
|
|
|
var request = { |
|
6431
|
|
|
id: requestId, |
|
6432
|
|
|
complete: LoadLoader_completeRequest, |
|
6433
|
|
|
callback: callback, |
|
6434
|
|
|
started: Date.now() |
|
6435
|
|
|
}; |
|
6436
|
|
|
context.requests.push(request); |
|
6437
|
|
|
return request; |
|
6438
|
|
|
}, |
|
6439
|
|
|
|
|
6440
|
|
|
prepareFontLoadEvent: function fontLoaderPrepareFontLoadEvent(rules, |
|
6441
|
|
|
fonts, |
|
6442
|
|
|
request) { |
|
6443
|
|
|
/** Hack begin */ |
|
6444
|
|
|
// There's currently no event when a font has finished downloading so the |
|
6445
|
|
|
// following code is a dirty hack to 'guess' when a font is |
|
6446
|
|
|
// ready. It's assumed fonts are loaded in order, so add a known test |
|
6447
|
|
|
// font after the desired fonts and then test for the loading of that |
|
6448
|
|
|
// test font. |
|
6449
|
|
|
|
|
6450
|
|
|
function int32(data, offset) { |
|
6451
|
|
|
return (data.charCodeAt(offset) << 24) | |
|
6452
|
|
|
(data.charCodeAt(offset + 1) << 16) | |
|
6453
|
|
|
(data.charCodeAt(offset + 2) << 8) | |
|
6454
|
|
|
(data.charCodeAt(offset + 3) & 0xff); |
|
6455
|
|
|
} |
|
6456
|
|
|
|
|
6457
|
|
|
function spliceString(s, offset, remove, insert) { |
|
6458
|
|
|
var chunk1 = s.substr(0, offset); |
|
6459
|
|
|
var chunk2 = s.substr(offset + remove); |
|
6460
|
|
|
return chunk1 + insert + chunk2; |
|
6461
|
|
|
} |
|
6462
|
|
|
|
|
6463
|
|
|
var i, ii; |
|
6464
|
|
|
|
|
6465
|
|
|
var canvas = document.createElement('canvas'); |
|
6466
|
|
|
canvas.width = 1; |
|
6467
|
|
|
canvas.height = 1; |
|
6468
|
|
|
var ctx = canvas.getContext('2d'); |
|
6469
|
|
|
|
|
6470
|
|
|
var called = 0; |
|
6471
|
|
|
function isFontReady(name, callback) { |
|
6472
|
|
|
called++; |
|
6473
|
|
|
// With setTimeout clamping this gives the font ~100ms to load. |
|
6474
|
|
|
if(called > 30) { |
|
6475
|
|
|
warn('Load test font never loaded.'); |
|
6476
|
|
|
callback(); |
|
6477
|
|
|
return; |
|
6478
|
|
|
} |
|
6479
|
|
|
ctx.font = '30px ' + name; |
|
6480
|
|
|
ctx.fillText('.', 0, 20); |
|
6481
|
|
|
var imageData = ctx.getImageData(0, 0, 1, 1); |
|
6482
|
|
|
if (imageData.data[3] > 0) { |
|
6483
|
|
|
callback(); |
|
6484
|
|
|
return; |
|
6485
|
|
|
} |
|
6486
|
|
|
setTimeout(isFontReady.bind(null, name, callback)); |
|
|
|
|
|
|
6487
|
|
|
} |
|
6488
|
|
|
|
|
6489
|
|
|
var loadTestFontId = 'lt' + Date.now() + this.loadTestFontId++; |
|
6490
|
|
|
// Chromium seems to cache fonts based on a hash of the actual font data, |
|
6491
|
|
|
// so the font must be modified for each load test else it will appear to |
|
6492
|
|
|
// be loaded already. |
|
6493
|
|
|
// TODO: This could maybe be made faster by avoiding the btoa of the full |
|
6494
|
|
|
// font by splitting it in chunks before hand and padding the font id. |
|
6495
|
|
|
var data = this.loadTestFont; |
|
6496
|
|
|
var COMMENT_OFFSET = 976; // has to be on 4 byte boundary (for checksum) |
|
6497
|
|
|
data = spliceString(data, COMMENT_OFFSET, loadTestFontId.length, |
|
6498
|
|
|
loadTestFontId); |
|
6499
|
|
|
// CFF checksum is important for IE, adjusting it |
|
6500
|
|
|
var CFF_CHECKSUM_OFFSET = 16; |
|
6501
|
|
|
var XXXX_VALUE = 0x58585858; // the "comment" filled with 'X' |
|
6502
|
|
|
var checksum = int32(data, CFF_CHECKSUM_OFFSET); |
|
6503
|
|
|
for (i = 0, ii = loadTestFontId.length - 3; i < ii; i += 4) { |
|
6504
|
|
|
checksum = (checksum - XXXX_VALUE + int32(loadTestFontId, i)) | 0; |
|
6505
|
|
|
} |
|
6506
|
|
|
if (i < loadTestFontId.length) { // align to 4 bytes boundary |
|
6507
|
|
|
checksum = (checksum - XXXX_VALUE + |
|
6508
|
|
|
int32(loadTestFontId + 'XXX', i)) | 0; |
|
6509
|
|
|
} |
|
6510
|
|
|
data = spliceString(data, CFF_CHECKSUM_OFFSET, 4, string32(checksum)); |
|
6511
|
|
|
|
|
6512
|
|
|
var url = 'url(data:font/opentype;base64,' + btoa(data) + ');'; |
|
6513
|
|
|
var rule = '@font-face { font-family:"' + loadTestFontId + '";src:' + |
|
6514
|
|
|
url + '}'; |
|
6515
|
|
|
FontLoader.insertRule(rule); |
|
6516
|
|
|
|
|
6517
|
|
|
var names = []; |
|
6518
|
|
|
for (i = 0, ii = fonts.length; i < ii; i++) { |
|
6519
|
|
|
names.push(fonts[i].loadedName); |
|
6520
|
|
|
} |
|
6521
|
|
|
names.push(loadTestFontId); |
|
6522
|
|
|
|
|
6523
|
|
|
var div = document.createElement('div'); |
|
6524
|
|
|
div.setAttribute('style', |
|
6525
|
|
|
'visibility: hidden;' + |
|
6526
|
|
|
'width: 10px; height: 10px;' + |
|
6527
|
|
|
'position: absolute; top: 0px; left: 0px;'); |
|
6528
|
|
|
for (i = 0, ii = names.length; i < ii; ++i) { |
|
6529
|
|
|
var span = document.createElement('span'); |
|
6530
|
|
|
span.textContent = 'Hi'; |
|
6531
|
|
|
span.style.fontFamily = names[i]; |
|
6532
|
|
|
div.appendChild(span); |
|
6533
|
|
|
} |
|
6534
|
|
|
document.body.appendChild(div); |
|
6535
|
|
|
|
|
6536
|
|
|
isFontReady(loadTestFontId, function() { |
|
6537
|
|
|
document.body.removeChild(div); |
|
6538
|
|
|
request.complete(); |
|
6539
|
|
|
}); |
|
6540
|
|
|
/** Hack end */ |
|
6541
|
|
|
} |
|
6542
|
|
|
//#else |
|
6543
|
|
|
//bind: function fontLoaderBind(fonts, callback) { |
|
6544
|
|
|
// assert(!isWorker, 'bind() shall be called from main thread'); |
|
6545
|
|
|
// |
|
6546
|
|
|
// for (var i = 0, ii = fonts.length; i < ii; i++) { |
|
6547
|
|
|
// var font = fonts[i]; |
|
6548
|
|
|
// if (font.attached) { |
|
6549
|
|
|
// continue; |
|
6550
|
|
|
// } |
|
6551
|
|
|
// |
|
6552
|
|
|
// font.attached = true; |
|
6553
|
|
|
// font.bindDOM() |
|
6554
|
|
|
// } |
|
6555
|
|
|
// |
|
6556
|
|
|
// setTimeout(callback); |
|
6557
|
|
|
//} |
|
6558
|
|
|
//#endif |
|
6559
|
|
|
}; |
|
6560
|
|
|
|
|
6561
|
|
|
var FontFaceObject = (function FontFaceObjectClosure() { |
|
6562
|
|
|
function FontFaceObject(name, file, properties) { |
|
|
|
|
|
|
6563
|
|
|
this.compiledGlyphs = {}; |
|
6564
|
|
|
if (arguments.length === 1) { |
|
6565
|
|
|
// importing translated data |
|
6566
|
|
|
var data = arguments[0]; |
|
6567
|
|
|
for (var i in data) { |
|
|
|
|
|
|
6568
|
|
|
this[i] = data[i]; |
|
6569
|
|
|
} |
|
6570
|
|
|
return; |
|
|
|
|
|
|
6571
|
|
|
} |
|
6572
|
|
|
} |
|
6573
|
|
|
FontFaceObject.prototype = { |
|
6574
|
|
|
//#if !(MOZCENTRAL) |
|
6575
|
|
|
createNativeFontFace: function FontFaceObject_createNativeFontFace() { |
|
6576
|
|
|
if (!this.data) { |
|
6577
|
|
|
return null; |
|
6578
|
|
|
} |
|
6579
|
|
|
|
|
6580
|
|
|
if (PDFJS.disableFontFace) { |
|
6581
|
|
|
this.disableFontFace = true; |
|
6582
|
|
|
return null; |
|
6583
|
|
|
} |
|
6584
|
|
|
|
|
6585
|
|
|
var nativeFontFace = new FontFace(this.loadedName, this.data, {}); |
|
|
|
|
|
|
6586
|
|
|
|
|
6587
|
|
|
FontLoader.addNativeFontFace(nativeFontFace); |
|
6588
|
|
|
|
|
6589
|
|
|
if (PDFJS.pdfBug && 'FontInspector' in globalScope && |
|
6590
|
|
|
globalScope['FontInspector'].enabled) { |
|
6591
|
|
|
globalScope['FontInspector'].fontAdded(this); |
|
6592
|
|
|
} |
|
6593
|
|
|
return nativeFontFace; |
|
6594
|
|
|
}, |
|
6595
|
|
|
//#endif |
|
6596
|
|
|
|
|
6597
|
|
|
bindDOM: function FontFaceObject_bindDOM() { |
|
6598
|
|
|
if (!this.data) { |
|
6599
|
|
|
return null; |
|
6600
|
|
|
} |
|
6601
|
|
|
|
|
6602
|
|
|
if (PDFJS.disableFontFace) { |
|
6603
|
|
|
this.disableFontFace = true; |
|
6604
|
|
|
return null; |
|
6605
|
|
|
} |
|
6606
|
|
|
|
|
6607
|
|
|
var data = bytesToString(new Uint8Array(this.data)); |
|
6608
|
|
|
var fontName = this.loadedName; |
|
6609
|
|
|
|
|
6610
|
|
|
// Add the font-face rule to the document |
|
6611
|
|
|
var url = ('url(data:' + this.mimetype + ';base64,' + |
|
6612
|
|
|
window.btoa(data) + ');'); |
|
6613
|
|
|
var rule = '@font-face { font-family:"' + fontName + '";src:' + url + '}'; |
|
6614
|
|
|
FontLoader.insertRule(rule); |
|
6615
|
|
|
|
|
6616
|
|
|
if (PDFJS.pdfBug && 'FontInspector' in globalScope && |
|
6617
|
|
|
globalScope['FontInspector'].enabled) { |
|
6618
|
|
|
globalScope['FontInspector'].fontAdded(this, url); |
|
6619
|
|
|
} |
|
6620
|
|
|
|
|
6621
|
|
|
return rule; |
|
6622
|
|
|
}, |
|
6623
|
|
|
|
|
6624
|
|
|
getPathGenerator: function FontLoader_getPathGenerator(objs, character) { |
|
6625
|
|
|
if (!(character in this.compiledGlyphs)) { |
|
6626
|
|
|
var js = objs.get(this.loadedName + '_path_' + character); |
|
6627
|
|
|
/*jshint -W054 */ |
|
6628
|
|
|
this.compiledGlyphs[character] = new Function('c', 'size', js); |
|
|
|
|
|
|
6629
|
|
|
} |
|
6630
|
|
|
return this.compiledGlyphs[character]; |
|
6631
|
|
|
} |
|
6632
|
|
|
}; |
|
6633
|
|
|
return FontFaceObject; |
|
6634
|
|
|
})(); |
|
6635
|
|
|
|
|
6636
|
|
|
|
|
6637
|
|
|
var ANNOT_MIN_SIZE = 10; // px |
|
6638
|
|
|
|
|
6639
|
|
|
var AnnotationUtils = (function AnnotationUtilsClosure() { |
|
6640
|
|
|
// TODO(mack): This dupes some of the logic in CanvasGraphics.setFont() |
|
6641
|
|
|
function setTextStyles(element, item, fontObj) { |
|
6642
|
|
|
|
|
6643
|
|
|
var style = element.style; |
|
6644
|
|
|
style.fontSize = item.fontSize + 'px'; |
|
6645
|
|
|
style.direction = item.fontDirection < 0 ? 'rtl': 'ltr'; |
|
6646
|
|
|
|
|
6647
|
|
|
if (!fontObj) { |
|
6648
|
|
|
return; |
|
6649
|
|
|
} |
|
6650
|
|
|
|
|
6651
|
|
|
style.fontWeight = fontObj.black ? |
|
6652
|
|
|
(fontObj.bold ? 'bolder' : 'bold') : |
|
6653
|
|
|
(fontObj.bold ? 'bold' : 'normal'); |
|
6654
|
|
|
style.fontStyle = fontObj.italic ? 'italic' : 'normal'; |
|
6655
|
|
|
|
|
6656
|
|
|
var fontName = fontObj.loadedName; |
|
6657
|
|
|
var fontFamily = fontName ? '"' + fontName + '", ' : ''; |
|
6658
|
|
|
// Use a reasonable default font if the font doesn't specify a fallback |
|
6659
|
|
|
var fallbackName = fontObj.fallbackName || 'Helvetica, sans-serif'; |
|
6660
|
|
|
style.fontFamily = fontFamily + fallbackName; |
|
6661
|
|
|
} |
|
6662
|
|
|
|
|
6663
|
|
|
function initContainer(item, drawBorder) { |
|
6664
|
|
|
var container = document.createElement('section'); |
|
6665
|
|
|
var cstyle = container.style; |
|
6666
|
|
|
var width = item.rect[2] - item.rect[0]; |
|
6667
|
|
|
var height = item.rect[3] - item.rect[1]; |
|
6668
|
|
|
|
|
6669
|
|
|
var bWidth = item.borderWidth || 0; |
|
6670
|
|
|
if (bWidth) { |
|
6671
|
|
|
width = width - 2 * bWidth; |
|
6672
|
|
|
height = height - 2 * bWidth; |
|
6673
|
|
|
cstyle.borderWidth = bWidth + 'px'; |
|
6674
|
|
|
var color = item.color; |
|
6675
|
|
|
if (drawBorder && color) { |
|
6676
|
|
|
cstyle.borderStyle = 'solid'; |
|
6677
|
|
|
cstyle.borderColor = Util.makeCssRgb(Math.round(color[0] * 255), |
|
6678
|
|
|
Math.round(color[1] * 255), |
|
6679
|
|
|
Math.round(color[2] * 255)); |
|
6680
|
|
|
} |
|
6681
|
|
|
} |
|
6682
|
|
|
cstyle.width = width + 'px'; |
|
6683
|
|
|
cstyle.height = height + 'px'; |
|
6684
|
|
|
return container; |
|
6685
|
|
|
} |
|
6686
|
|
|
|
|
6687
|
|
|
function getHtmlElementForTextWidgetAnnotation(item, commonObjs) { |
|
6688
|
|
|
var element = document.createElement('div'); |
|
6689
|
|
|
var width = item.rect[2] - item.rect[0]; |
|
6690
|
|
|
var height = item.rect[3] - item.rect[1]; |
|
6691
|
|
|
element.style.width = width + 'px'; |
|
6692
|
|
|
element.style.height = height + 'px'; |
|
6693
|
|
|
element.style.display = 'table'; |
|
6694
|
|
|
|
|
6695
|
|
|
var content = document.createElement('div'); |
|
6696
|
|
|
content.textContent = item.fieldValue; |
|
6697
|
|
|
var textAlignment = item.textAlignment; |
|
6698
|
|
|
content.style.textAlign = ['left', 'center', 'right'][textAlignment]; |
|
6699
|
|
|
content.style.verticalAlign = 'middle'; |
|
6700
|
|
|
content.style.display = 'table-cell'; |
|
6701
|
|
|
|
|
6702
|
|
|
var fontObj = item.fontRefName ? |
|
6703
|
|
|
commonObjs.getData(item.fontRefName) : null; |
|
6704
|
|
|
setTextStyles(content, item, fontObj); |
|
6705
|
|
|
|
|
6706
|
|
|
element.appendChild(content); |
|
6707
|
|
|
|
|
6708
|
|
|
return element; |
|
6709
|
|
|
} |
|
6710
|
|
|
|
|
6711
|
|
|
function getHtmlElementForTextAnnotation(item) { |
|
6712
|
|
|
var rect = item.rect; |
|
6713
|
|
|
|
|
6714
|
|
|
// sanity check because of OOo-generated PDFs |
|
6715
|
|
|
if ((rect[3] - rect[1]) < ANNOT_MIN_SIZE) { |
|
6716
|
|
|
rect[3] = rect[1] + ANNOT_MIN_SIZE; |
|
6717
|
|
|
} |
|
6718
|
|
|
if ((rect[2] - rect[0]) < ANNOT_MIN_SIZE) { |
|
6719
|
|
|
rect[2] = rect[0] + (rect[3] - rect[1]); // make it square |
|
6720
|
|
|
} |
|
6721
|
|
|
|
|
6722
|
|
|
var container = initContainer(item, false); |
|
6723
|
|
|
container.className = 'annotText'; |
|
6724
|
|
|
|
|
6725
|
|
|
var image = document.createElement('img'); |
|
6726
|
|
|
image.style.height = container.style.height; |
|
6727
|
|
|
image.style.width = container.style.width; |
|
6728
|
|
|
var iconName = item.name; |
|
6729
|
|
|
image.src = PDFJS.imageResourcesPath + 'annotation-' + |
|
6730
|
|
|
iconName.toLowerCase() + '.svg'; |
|
6731
|
|
|
image.alt = '[{{type}} Annotation]'; |
|
6732
|
|
|
image.dataset.l10nId = 'text_annotation_type'; |
|
6733
|
|
|
image.dataset.l10nArgs = JSON.stringify({type: iconName}); |
|
6734
|
|
|
|
|
6735
|
|
|
var contentWrapper = document.createElement('div'); |
|
6736
|
|
|
contentWrapper.className = 'annotTextContentWrapper'; |
|
6737
|
|
|
contentWrapper.style.left = Math.floor(rect[2] - rect[0] + 5) + 'px'; |
|
6738
|
|
|
contentWrapper.style.top = '-10px'; |
|
6739
|
|
|
|
|
6740
|
|
|
var content = document.createElement('div'); |
|
6741
|
|
|
content.className = 'annotTextContent'; |
|
6742
|
|
|
content.setAttribute('hidden', true); |
|
6743
|
|
|
|
|
6744
|
|
|
var i, ii; |
|
6745
|
|
|
if (item.hasBgColor) { |
|
6746
|
|
|
var color = item.color; |
|
6747
|
|
|
|
|
6748
|
|
|
// Enlighten the color (70%) |
|
6749
|
|
|
var BACKGROUND_ENLIGHT = 0.7; |
|
6750
|
|
|
var r = BACKGROUND_ENLIGHT * (1.0 - color[0]) + color[0]; |
|
6751
|
|
|
var g = BACKGROUND_ENLIGHT * (1.0 - color[1]) + color[1]; |
|
6752
|
|
|
var b = BACKGROUND_ENLIGHT * (1.0 - color[2]) + color[2]; |
|
6753
|
|
|
content.style.backgroundColor = Util.makeCssRgb((r * 255) | 0, |
|
6754
|
|
|
(g * 255) | 0, |
|
6755
|
|
|
(b * 255) | 0); |
|
6756
|
|
|
} |
|
6757
|
|
|
|
|
6758
|
|
|
var title = document.createElement('h1'); |
|
6759
|
|
|
var text = document.createElement('p'); |
|
6760
|
|
|
title.textContent = item.title; |
|
6761
|
|
|
|
|
6762
|
|
|
if (!item.content && !item.title) { |
|
6763
|
|
|
content.setAttribute('hidden', true); |
|
6764
|
|
|
} else { |
|
6765
|
|
|
var e = document.createElement('span'); |
|
6766
|
|
|
var lines = item.content.split(/(?:\r\n?|\n)/); |
|
6767
|
|
|
for (i = 0, ii = lines.length; i < ii; ++i) { |
|
6768
|
|
|
var line = lines[i]; |
|
6769
|
|
|
e.appendChild(document.createTextNode(line)); |
|
6770
|
|
|
if (i < (ii - 1)) { |
|
6771
|
|
|
e.appendChild(document.createElement('br')); |
|
6772
|
|
|
} |
|
6773
|
|
|
} |
|
6774
|
|
|
text.appendChild(e); |
|
6775
|
|
|
|
|
6776
|
|
|
var pinned = false; |
|
6777
|
|
|
|
|
6778
|
|
|
var showAnnotation = function showAnnotation(pin) { |
|
|
|
|
|
|
6779
|
|
|
if (pin) { |
|
6780
|
|
|
pinned = true; |
|
6781
|
|
|
} |
|
6782
|
|
|
if (content.hasAttribute('hidden')) { |
|
6783
|
|
|
container.style.zIndex += 1; |
|
6784
|
|
|
content.removeAttribute('hidden'); |
|
6785
|
|
|
} |
|
6786
|
|
|
}; |
|
6787
|
|
|
|
|
6788
|
|
|
var hideAnnotation = function hideAnnotation(unpin) { |
|
|
|
|
|
|
6789
|
|
|
if (unpin) { |
|
6790
|
|
|
pinned = false; |
|
6791
|
|
|
} |
|
6792
|
|
|
if (!content.hasAttribute('hidden') && !pinned) { |
|
6793
|
|
|
container.style.zIndex -= 1; |
|
6794
|
|
|
content.setAttribute('hidden', true); |
|
6795
|
|
|
} |
|
6796
|
|
|
}; |
|
6797
|
|
|
|
|
6798
|
|
|
var toggleAnnotation = function toggleAnnotation() { |
|
|
|
|
|
|
6799
|
|
|
if (pinned) { |
|
6800
|
|
|
hideAnnotation(true); |
|
6801
|
|
|
} else { |
|
6802
|
|
|
showAnnotation(true); |
|
6803
|
|
|
} |
|
6804
|
|
|
}; |
|
6805
|
|
|
|
|
6806
|
|
|
image.addEventListener('click', function image_clickHandler() { |
|
6807
|
|
|
toggleAnnotation(); |
|
6808
|
|
|
}, false); |
|
6809
|
|
|
image.addEventListener('mouseover', function image_mouseOverHandler() { |
|
6810
|
|
|
showAnnotation(); |
|
6811
|
|
|
}, false); |
|
6812
|
|
|
image.addEventListener('mouseout', function image_mouseOutHandler() { |
|
6813
|
|
|
hideAnnotation(); |
|
6814
|
|
|
}, false); |
|
6815
|
|
|
|
|
6816
|
|
|
content.addEventListener('click', function content_clickHandler() { |
|
6817
|
|
|
hideAnnotation(true); |
|
6818
|
|
|
}, false); |
|
6819
|
|
|
} |
|
6820
|
|
|
|
|
6821
|
|
|
content.appendChild(title); |
|
6822
|
|
|
content.appendChild(text); |
|
6823
|
|
|
contentWrapper.appendChild(content); |
|
6824
|
|
|
container.appendChild(image); |
|
6825
|
|
|
container.appendChild(contentWrapper); |
|
6826
|
|
|
|
|
6827
|
|
|
return container; |
|
6828
|
|
|
} |
|
6829
|
|
|
|
|
6830
|
|
|
function getHtmlElementForLinkAnnotation(item) { |
|
6831
|
|
|
var container = initContainer(item, true); |
|
6832
|
|
|
container.className = 'annotLink'; |
|
6833
|
|
|
|
|
6834
|
|
|
var link = document.createElement('a'); |
|
6835
|
|
|
link.href = link.title = item.url || ''; |
|
6836
|
|
|
if (item.url && PDFJS.openExternalLinksInNewWindow) { |
|
6837
|
|
|
link.target = '_blank'; |
|
6838
|
|
|
} |
|
6839
|
|
|
|
|
6840
|
|
|
container.appendChild(link); |
|
6841
|
|
|
|
|
6842
|
|
|
return container; |
|
6843
|
|
|
} |
|
6844
|
|
|
|
|
6845
|
|
|
function getHtmlElement(data, objs) { |
|
6846
|
|
|
switch (data.annotationType) { |
|
6847
|
|
|
case AnnotationType.WIDGET: |
|
|
|
|
|
|
6848
|
|
|
return getHtmlElementForTextWidgetAnnotation(data, objs); |
|
6849
|
|
|
case AnnotationType.TEXT: |
|
6850
|
|
|
return getHtmlElementForTextAnnotation(data); |
|
6851
|
|
|
case AnnotationType.LINK: |
|
6852
|
|
|
return getHtmlElementForLinkAnnotation(data); |
|
6853
|
|
|
default: |
|
6854
|
|
|
throw new Error('Unsupported annotationType: ' + data.annotationType); |
|
6855
|
|
|
} |
|
6856
|
|
|
} |
|
6857
|
|
|
|
|
6858
|
|
|
return { |
|
6859
|
|
|
getHtmlElement: getHtmlElement |
|
6860
|
|
|
}; |
|
6861
|
|
|
})(); |
|
6862
|
|
|
PDFJS.AnnotationUtils = AnnotationUtils; |
|
6863
|
|
|
|
|
6864
|
|
|
|
|
6865
|
|
|
//#if (GENERIC || SINGLE_FILE) |
|
6866
|
|
|
var SVG_DEFAULTS = { |
|
6867
|
|
|
fontStyle: 'normal', |
|
6868
|
|
|
fontWeight: 'normal', |
|
6869
|
|
|
fillColor: '#000000' |
|
6870
|
|
|
}; |
|
6871
|
|
|
|
|
6872
|
|
|
var convertImgDataToPng = (function convertImgDataToPngClosure() { |
|
6873
|
|
|
var PNG_HEADER = |
|
6874
|
|
|
new Uint8Array([0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a]); |
|
6875
|
|
|
|
|
6876
|
|
|
var CHUNK_WRAPPER_SIZE = 12; |
|
6877
|
|
|
|
|
6878
|
|
|
var crcTable = new Int32Array(256); |
|
6879
|
|
|
for (var i = 0; i < 256; i++) { |
|
6880
|
|
|
var c = i; |
|
6881
|
|
|
for (var h = 0; h < 8; h++) { |
|
6882
|
|
|
if (c & 1) { |
|
|
|
|
|
|
6883
|
|
|
c = 0xedB88320 ^ ((c >> 1) & 0x7fffffff); |
|
6884
|
|
|
} else { |
|
6885
|
|
|
c = (c >> 1) & 0x7fffffff; |
|
6886
|
|
|
} |
|
6887
|
|
|
} |
|
6888
|
|
|
crcTable[i] = c; |
|
6889
|
|
|
} |
|
6890
|
|
|
|
|
6891
|
|
|
function crc32(data, start, end) { |
|
6892
|
|
|
var crc = -1; |
|
6893
|
|
|
for (var i = start; i < end; i++) { |
|
6894
|
|
|
var a = (crc ^ data[i]) & 0xff; |
|
6895
|
|
|
var b = crcTable[a]; |
|
6896
|
|
|
crc = (crc >>> 8) ^ b; |
|
6897
|
|
|
} |
|
6898
|
|
|
return crc ^ -1; |
|
6899
|
|
|
} |
|
6900
|
|
|
|
|
6901
|
|
|
function writePngChunk(type, body, data, offset) { |
|
6902
|
|
|
var p = offset; |
|
6903
|
|
|
var len = body.length; |
|
6904
|
|
|
|
|
6905
|
|
|
data[p] = len >> 24 & 0xff; |
|
6906
|
|
|
data[p + 1] = len >> 16 & 0xff; |
|
6907
|
|
|
data[p + 2] = len >> 8 & 0xff; |
|
6908
|
|
|
data[p + 3] = len & 0xff; |
|
6909
|
|
|
p += 4; |
|
6910
|
|
|
|
|
6911
|
|
|
data[p] = type.charCodeAt(0) & 0xff; |
|
6912
|
|
|
data[p + 1] = type.charCodeAt(1) & 0xff; |
|
6913
|
|
|
data[p + 2] = type.charCodeAt(2) & 0xff; |
|
6914
|
|
|
data[p + 3] = type.charCodeAt(3) & 0xff; |
|
6915
|
|
|
p += 4; |
|
6916
|
|
|
|
|
6917
|
|
|
data.set(body, p); |
|
6918
|
|
|
p += body.length; |
|
6919
|
|
|
|
|
6920
|
|
|
var crc = crc32(data, offset + 4, p); |
|
6921
|
|
|
|
|
6922
|
|
|
data[p] = crc >> 24 & 0xff; |
|
6923
|
|
|
data[p + 1] = crc >> 16 & 0xff; |
|
6924
|
|
|
data[p + 2] = crc >> 8 & 0xff; |
|
6925
|
|
|
data[p + 3] = crc & 0xff; |
|
6926
|
|
|
} |
|
6927
|
|
|
|
|
6928
|
|
|
function adler32(data, start, end) { |
|
6929
|
|
|
var a = 1; |
|
6930
|
|
|
var b = 0; |
|
6931
|
|
|
for (var i = start; i < end; ++i) { |
|
6932
|
|
|
a = (a + (data[i] & 0xff)) % 65521; |
|
6933
|
|
|
b = (b + a) % 65521; |
|
6934
|
|
|
} |
|
6935
|
|
|
return (b << 16) | a; |
|
6936
|
|
|
} |
|
6937
|
|
|
|
|
6938
|
|
|
function encode(imgData, kind) { |
|
6939
|
|
|
var width = imgData.width; |
|
6940
|
|
|
var height = imgData.height; |
|
6941
|
|
|
var bitDepth, colorType, lineSize; |
|
6942
|
|
|
var bytes = imgData.data; |
|
6943
|
|
|
|
|
6944
|
|
|
switch (kind) { |
|
6945
|
|
|
case ImageKind.GRAYSCALE_1BPP: |
|
|
|
|
|
|
6946
|
|
|
colorType = 0; |
|
6947
|
|
|
bitDepth = 1; |
|
6948
|
|
|
lineSize = (width + 7) >> 3; |
|
6949
|
|
|
break; |
|
6950
|
|
|
case ImageKind.RGB_24BPP: |
|
6951
|
|
|
colorType = 2; |
|
6952
|
|
|
bitDepth = 8; |
|
6953
|
|
|
lineSize = width * 3; |
|
6954
|
|
|
break; |
|
6955
|
|
|
case ImageKind.RGBA_32BPP: |
|
6956
|
|
|
colorType = 6; |
|
6957
|
|
|
bitDepth = 8; |
|
6958
|
|
|
lineSize = width * 4; |
|
6959
|
|
|
break; |
|
6960
|
|
|
default: |
|
6961
|
|
|
throw new Error('invalid format'); |
|
6962
|
|
|
} |
|
6963
|
|
|
|
|
6964
|
|
|
// prefix every row with predictor 0 |
|
6965
|
|
|
var literals = new Uint8Array((1 + lineSize) * height); |
|
6966
|
|
|
var offsetLiterals = 0, offsetBytes = 0; |
|
6967
|
|
|
var y, i; |
|
6968
|
|
|
for (y = 0; y < height; ++y) { |
|
6969
|
|
|
literals[offsetLiterals++] = 0; // no prediction |
|
6970
|
|
|
literals.set(bytes.subarray(offsetBytes, offsetBytes + lineSize), |
|
6971
|
|
|
offsetLiterals); |
|
6972
|
|
|
offsetBytes += lineSize; |
|
6973
|
|
|
offsetLiterals += lineSize; |
|
6974
|
|
|
} |
|
6975
|
|
|
|
|
6976
|
|
|
if (kind === ImageKind.GRAYSCALE_1BPP) { |
|
6977
|
|
|
// inverting for B/W |
|
6978
|
|
|
offsetLiterals = 0; |
|
6979
|
|
|
for (y = 0; y < height; y++) { |
|
6980
|
|
|
offsetLiterals++; // skipping predictor |
|
6981
|
|
|
for (i = 0; i < lineSize; i++) { |
|
6982
|
|
|
literals[offsetLiterals++] ^= 0xFF; |
|
6983
|
|
|
} |
|
6984
|
|
|
} |
|
6985
|
|
|
} |
|
6986
|
|
|
|
|
6987
|
|
|
var ihdr = new Uint8Array([ |
|
6988
|
|
|
width >> 24 & 0xff, |
|
6989
|
|
|
width >> 16 & 0xff, |
|
6990
|
|
|
width >> 8 & 0xff, |
|
6991
|
|
|
width & 0xff, |
|
6992
|
|
|
height >> 24 & 0xff, |
|
6993
|
|
|
height >> 16 & 0xff, |
|
6994
|
|
|
height >> 8 & 0xff, |
|
6995
|
|
|
height & 0xff, |
|
6996
|
|
|
bitDepth, // bit depth |
|
6997
|
|
|
colorType, // color type |
|
6998
|
|
|
0x00, // compression method |
|
6999
|
|
|
0x00, // filter method |
|
7000
|
|
|
0x00 // interlace method |
|
7001
|
|
|
]); |
|
7002
|
|
|
|
|
7003
|
|
|
var len = literals.length; |
|
7004
|
|
|
var maxBlockLength = 0xFFFF; |
|
7005
|
|
|
|
|
7006
|
|
|
var deflateBlocks = Math.ceil(len / maxBlockLength); |
|
7007
|
|
|
var idat = new Uint8Array(2 + len + deflateBlocks * 5 + 4); |
|
7008
|
|
|
var pi = 0; |
|
7009
|
|
|
idat[pi++] = 0x78; // compression method and flags |
|
7010
|
|
|
idat[pi++] = 0x9c; // flags |
|
7011
|
|
|
|
|
7012
|
|
|
var pos = 0; |
|
7013
|
|
|
while (len > maxBlockLength) { |
|
7014
|
|
|
// writing non-final DEFLATE blocks type 0 and length of 65535 |
|
7015
|
|
|
idat[pi++] = 0x00; |
|
7016
|
|
|
idat[pi++] = 0xff; |
|
7017
|
|
|
idat[pi++] = 0xff; |
|
7018
|
|
|
idat[pi++] = 0x00; |
|
7019
|
|
|
idat[pi++] = 0x00; |
|
7020
|
|
|
idat.set(literals.subarray(pos, pos + maxBlockLength), pi); |
|
7021
|
|
|
pi += maxBlockLength; |
|
7022
|
|
|
pos += maxBlockLength; |
|
7023
|
|
|
len -= maxBlockLength; |
|
7024
|
|
|
} |
|
7025
|
|
|
|
|
7026
|
|
|
// writing non-final DEFLATE blocks type 0 |
|
7027
|
|
|
idat[pi++] = 0x01; |
|
7028
|
|
|
idat[pi++] = len & 0xff; |
|
7029
|
|
|
idat[pi++] = len >> 8 & 0xff; |
|
7030
|
|
|
idat[pi++] = (~len & 0xffff) & 0xff; |
|
7031
|
|
|
idat[pi++] = (~len & 0xffff) >> 8 & 0xff; |
|
7032
|
|
|
idat.set(literals.subarray(pos), pi); |
|
7033
|
|
|
pi += literals.length - pos; |
|
7034
|
|
|
|
|
7035
|
|
|
var adler = adler32(literals, 0, literals.length); // checksum |
|
7036
|
|
|
idat[pi++] = adler >> 24 & 0xff; |
|
7037
|
|
|
idat[pi++] = adler >> 16 & 0xff; |
|
7038
|
|
|
idat[pi++] = adler >> 8 & 0xff; |
|
7039
|
|
|
idat[pi++] = adler & 0xff; |
|
|
|
|
|
|
7040
|
|
|
|
|
7041
|
|
|
// PNG will consists: header, IHDR+data, IDAT+data, and IEND. |
|
7042
|
|
|
var pngLength = PNG_HEADER.length + (CHUNK_WRAPPER_SIZE * 3) + |
|
7043
|
|
|
ihdr.length + idat.length; |
|
7044
|
|
|
var data = new Uint8Array(pngLength); |
|
7045
|
|
|
var offset = 0; |
|
7046
|
|
|
data.set(PNG_HEADER, offset); |
|
7047
|
|
|
offset += PNG_HEADER.length; |
|
7048
|
|
|
writePngChunk('IHDR', ihdr, data, offset); |
|
7049
|
|
|
offset += CHUNK_WRAPPER_SIZE + ihdr.length; |
|
7050
|
|
|
writePngChunk('IDATA', idat, data, offset); |
|
7051
|
|
|
offset += CHUNK_WRAPPER_SIZE + idat.length; |
|
7052
|
|
|
writePngChunk('IEND', new Uint8Array(0), data, offset); |
|
7053
|
|
|
|
|
7054
|
|
|
return PDFJS.createObjectURL(data, 'image/png'); |
|
7055
|
|
|
} |
|
7056
|
|
|
|
|
7057
|
|
|
return function convertImgDataToPng(imgData) { |
|
7058
|
|
|
var kind = (imgData.kind === undefined ? |
|
7059
|
|
|
ImageKind.GRAYSCALE_1BPP : imgData.kind); |
|
7060
|
|
|
return encode(imgData, kind); |
|
7061
|
|
|
}; |
|
7062
|
|
|
})(); |
|
7063
|
|
|
|
|
7064
|
|
|
var SVGExtraState = (function SVGExtraStateClosure() { |
|
7065
|
|
|
function SVGExtraState() { |
|
7066
|
|
|
this.fontSizeScale = 1; |
|
7067
|
|
|
this.fontWeight = SVG_DEFAULTS.fontWeight; |
|
7068
|
|
|
this.fontSize = 0; |
|
7069
|
|
|
|
|
7070
|
|
|
this.textMatrix = IDENTITY_MATRIX; |
|
7071
|
|
|
this.fontMatrix = FONT_IDENTITY_MATRIX; |
|
7072
|
|
|
this.leading = 0; |
|
7073
|
|
|
|
|
7074
|
|
|
// Current point (in user coordinates) |
|
7075
|
|
|
this.x = 0; |
|
7076
|
|
|
this.y = 0; |
|
7077
|
|
|
|
|
7078
|
|
|
// Start of text line (in text coordinates) |
|
7079
|
|
|
this.lineX = 0; |
|
7080
|
|
|
this.lineY = 0; |
|
7081
|
|
|
|
|
7082
|
|
|
// Character and word spacing |
|
7083
|
|
|
this.charSpacing = 0; |
|
7084
|
|
|
this.wordSpacing = 0; |
|
7085
|
|
|
this.textHScale = 1; |
|
7086
|
|
|
this.textRise = 0; |
|
7087
|
|
|
|
|
7088
|
|
|
// Default foreground and background colors |
|
7089
|
|
|
this.fillColor = SVG_DEFAULTS.fillColor; |
|
7090
|
|
|
this.strokeColor = '#000000'; |
|
7091
|
|
|
|
|
7092
|
|
|
this.fillAlpha = 1; |
|
7093
|
|
|
this.strokeAlpha = 1; |
|
7094
|
|
|
this.lineWidth = 1; |
|
7095
|
|
|
this.lineJoin = ''; |
|
7096
|
|
|
this.lineCap = ''; |
|
7097
|
|
|
this.miterLimit = 0; |
|
7098
|
|
|
|
|
7099
|
|
|
this.dashArray = []; |
|
7100
|
|
|
this.dashPhase = 0; |
|
7101
|
|
|
|
|
7102
|
|
|
this.dependencies = []; |
|
7103
|
|
|
|
|
7104
|
|
|
// Clipping |
|
7105
|
|
|
this.clipId = ''; |
|
7106
|
|
|
this.pendingClip = false; |
|
7107
|
|
|
|
|
7108
|
|
|
this.maskId = ''; |
|
7109
|
|
|
} |
|
7110
|
|
|
|
|
7111
|
|
|
SVGExtraState.prototype = { |
|
7112
|
|
|
clone: function SVGExtraState_clone() { |
|
7113
|
|
|
return Object.create(this); |
|
7114
|
|
|
}, |
|
7115
|
|
|
setCurrentPoint: function SVGExtraState_setCurrentPoint(x, y) { |
|
7116
|
|
|
this.x = x; |
|
7117
|
|
|
this.y = y; |
|
7118
|
|
|
} |
|
7119
|
|
|
}; |
|
7120
|
|
|
return SVGExtraState; |
|
7121
|
|
|
})(); |
|
7122
|
|
|
|
|
7123
|
|
|
var SVGGraphics = (function SVGGraphicsClosure() { |
|
7124
|
|
|
function createScratchSVG(width, height) { |
|
7125
|
|
|
var NS = 'http://www.w3.org/2000/svg'; |
|
7126
|
|
|
var svg = document.createElementNS(NS, 'svg:svg'); |
|
7127
|
|
|
svg.setAttributeNS(null, 'version', '1.1'); |
|
7128
|
|
|
svg.setAttributeNS(null, 'width', width + 'px'); |
|
7129
|
|
|
svg.setAttributeNS(null, 'height', height + 'px'); |
|
7130
|
|
|
svg.setAttributeNS(null, 'viewBox', '0 0 ' + width + ' ' + height); |
|
7131
|
|
|
return svg; |
|
7132
|
|
|
} |
|
7133
|
|
|
|
|
7134
|
|
|
function opListToTree(opList) { |
|
7135
|
|
|
var opTree = []; |
|
7136
|
|
|
var tmp = []; |
|
7137
|
|
|
var opListLen = opList.length; |
|
7138
|
|
|
|
|
7139
|
|
|
for (var x = 0; x < opListLen; x++) { |
|
7140
|
|
|
if (opList[x].fn === 'save') { |
|
7141
|
|
|
opTree.push({'fnId': 92, 'fn': 'group', 'items': []}); |
|
7142
|
|
|
tmp.push(opTree); |
|
7143
|
|
|
opTree = opTree[opTree.length - 1].items; |
|
7144
|
|
|
continue; |
|
7145
|
|
|
} |
|
7146
|
|
|
|
|
7147
|
|
|
if(opList[x].fn === 'restore') { |
|
7148
|
|
|
opTree = tmp.pop(); |
|
7149
|
|
|
} else { |
|
7150
|
|
|
opTree.push(opList[x]); |
|
7151
|
|
|
} |
|
7152
|
|
|
} |
|
7153
|
|
|
return opTree; |
|
7154
|
|
|
} |
|
7155
|
|
|
|
|
7156
|
|
|
/** |
|
7157
|
|
|
* Formats float number. |
|
7158
|
|
|
* @param value {number} number to format. |
|
7159
|
|
|
* @returns {string} |
|
7160
|
|
|
*/ |
|
7161
|
|
|
function pf(value) { |
|
7162
|
|
|
if (value === (value | 0)) { // integer number |
|
7163
|
|
|
return value.toString(); |
|
7164
|
|
|
} |
|
7165
|
|
|
var s = value.toFixed(10); |
|
7166
|
|
|
var i = s.length - 1; |
|
7167
|
|
|
if (s[i] !== '0') { |
|
7168
|
|
|
return s; |
|
7169
|
|
|
} |
|
7170
|
|
|
// removing trailing zeros |
|
7171
|
|
|
do { |
|
7172
|
|
|
i--; |
|
7173
|
|
|
} while (s[i] === '0'); |
|
7174
|
|
|
return s.substr(0, s[i] === '.' ? i : i + 1); |
|
7175
|
|
|
} |
|
7176
|
|
|
|
|
7177
|
|
|
/** |
|
7178
|
|
|
* Formats transform matrix. The standard rotation, scale and translate |
|
7179
|
|
|
* matrices are replaced by their shorter forms, and for identity matrix |
|
7180
|
|
|
* returns empty string to save the memory. |
|
7181
|
|
|
* @param m {Array} matrix to format. |
|
7182
|
|
|
* @returns {string} |
|
7183
|
|
|
*/ |
|
7184
|
|
|
function pm(m) { |
|
7185
|
|
|
if (m[4] === 0 && m[5] === 0) { |
|
7186
|
|
|
if (m[1] === 0 && m[2] === 0) { |
|
7187
|
|
|
if (m[0] === 1 && m[3] === 1) { |
|
7188
|
|
|
return ''; |
|
7189
|
|
|
} |
|
7190
|
|
|
return 'scale(' + pf(m[0]) + ' ' + pf(m[3]) + ')'; |
|
7191
|
|
|
} |
|
7192
|
|
|
if (m[0] === m[3] && m[1] === -m[2]) { |
|
7193
|
|
|
var a = Math.acos(m[0]) * 180 / Math.PI; |
|
7194
|
|
|
return 'rotate(' + pf(a) + ')'; |
|
7195
|
|
|
} |
|
7196
|
|
|
} else { |
|
7197
|
|
|
if (m[0] === 1 && m[1] === 0 && m[2] === 0 && m[3] === 1) { |
|
7198
|
|
|
return 'translate(' + pf(m[4]) + ' ' + pf(m[5]) + ')'; |
|
7199
|
|
|
} |
|
7200
|
|
|
} |
|
7201
|
|
|
return 'matrix(' + pf(m[0]) + ' ' + pf(m[1]) + ' ' + pf(m[2]) + ' ' + |
|
7202
|
|
|
pf(m[3]) + ' ' + pf(m[4]) + ' ' + pf(m[5]) + ')'; |
|
7203
|
|
|
} |
|
7204
|
|
|
|
|
7205
|
|
|
function SVGGraphics(commonObjs, objs) { |
|
7206
|
|
|
this.current = new SVGExtraState(); |
|
7207
|
|
|
this.transformMatrix = IDENTITY_MATRIX; // Graphics state matrix |
|
7208
|
|
|
this.transformStack = []; |
|
7209
|
|
|
this.extraStack = []; |
|
7210
|
|
|
this.commonObjs = commonObjs; |
|
7211
|
|
|
this.objs = objs; |
|
7212
|
|
|
this.pendingEOFill = false; |
|
7213
|
|
|
|
|
7214
|
|
|
this.embedFonts = false; |
|
7215
|
|
|
this.embeddedFonts = {}; |
|
7216
|
|
|
this.cssStyle = null; |
|
7217
|
|
|
} |
|
7218
|
|
|
|
|
7219
|
|
|
var NS = 'http://www.w3.org/2000/svg'; |
|
7220
|
|
|
var XML_NS = 'http://www.w3.org/XML/1998/namespace'; |
|
7221
|
|
|
var XLINK_NS = 'http://www.w3.org/1999/xlink'; |
|
7222
|
|
|
var LINE_CAP_STYLES = ['butt', 'round', 'square']; |
|
7223
|
|
|
var LINE_JOIN_STYLES = ['miter', 'round', 'bevel']; |
|
7224
|
|
|
var clipCount = 0; |
|
7225
|
|
|
var maskCount = 0; |
|
7226
|
|
|
|
|
7227
|
|
|
SVGGraphics.prototype = { |
|
7228
|
|
|
save: function SVGGraphics_save() { |
|
7229
|
|
|
this.transformStack.push(this.transformMatrix); |
|
7230
|
|
|
var old = this.current; |
|
7231
|
|
|
this.extraStack.push(old); |
|
7232
|
|
|
this.current = old.clone(); |
|
7233
|
|
|
}, |
|
7234
|
|
|
|
|
7235
|
|
|
restore: function SVGGraphics_restore() { |
|
7236
|
|
|
this.transformMatrix = this.transformStack.pop(); |
|
7237
|
|
|
this.current = this.extraStack.pop(); |
|
7238
|
|
|
|
|
7239
|
|
|
this.tgrp = document.createElementNS(NS, 'svg:g'); |
|
7240
|
|
|
this.tgrp.setAttributeNS(null, 'transform', pm(this.transformMatrix)); |
|
7241
|
|
|
this.pgrp.appendChild(this.tgrp); |
|
7242
|
|
|
}, |
|
7243
|
|
|
|
|
7244
|
|
|
group: function SVGGraphics_group(items) { |
|
7245
|
|
|
this.save(); |
|
7246
|
|
|
this.executeOpTree(items); |
|
7247
|
|
|
this.restore(); |
|
7248
|
|
|
}, |
|
7249
|
|
|
|
|
7250
|
|
|
loadDependencies: function SVGGraphics_loadDependencies(operatorList) { |
|
7251
|
|
|
var fnArray = operatorList.fnArray; |
|
7252
|
|
|
var fnArrayLen = fnArray.length; |
|
7253
|
|
|
var argsArray = operatorList.argsArray; |
|
7254
|
|
|
|
|
7255
|
|
|
var self = this; |
|
7256
|
|
|
for (var i = 0; i < fnArrayLen; i++) { |
|
7257
|
|
|
if (OPS.dependency === fnArray[i]) { |
|
7258
|
|
|
var deps = argsArray[i]; |
|
7259
|
|
|
for (var n = 0, nn = deps.length; n < nn; n++) { |
|
7260
|
|
|
var obj = deps[n]; |
|
7261
|
|
|
var common = obj.substring(0, 2) === 'g_'; |
|
7262
|
|
|
var promise; |
|
7263
|
|
|
if (common) { |
|
7264
|
|
|
promise = new Promise(function(resolve) { |
|
7265
|
|
|
self.commonObjs.get(obj, resolve); |
|
|
|
|
|
|
7266
|
|
|
}); |
|
7267
|
|
|
} else { |
|
7268
|
|
|
promise = new Promise(function(resolve) { |
|
7269
|
|
|
self.objs.get(obj, resolve); |
|
|
|
|
|
|
7270
|
|
|
}); |
|
7271
|
|
|
} |
|
7272
|
|
|
this.current.dependencies.push(promise); |
|
7273
|
|
|
} |
|
7274
|
|
|
} |
|
7275
|
|
|
} |
|
7276
|
|
|
return Promise.all(this.current.dependencies); |
|
7277
|
|
|
}, |
|
7278
|
|
|
|
|
7279
|
|
|
transform: function SVGGraphics_transform(a, b, c, d, e, f) { |
|
7280
|
|
|
var transformMatrix = [a, b, c, d, e, f]; |
|
7281
|
|
|
this.transformMatrix = PDFJS.Util.transform(this.transformMatrix, |
|
7282
|
|
|
transformMatrix); |
|
7283
|
|
|
|
|
7284
|
|
|
this.tgrp = document.createElementNS(NS, 'svg:g'); |
|
7285
|
|
|
this.tgrp.setAttributeNS(null, 'transform', pm(this.transformMatrix)); |
|
7286
|
|
|
}, |
|
7287
|
|
|
|
|
7288
|
|
|
getSVG: function SVGGraphics_getSVG(operatorList, viewport) { |
|
7289
|
|
|
this.svg = createScratchSVG(viewport.width, viewport.height); |
|
7290
|
|
|
this.viewport = viewport; |
|
7291
|
|
|
|
|
7292
|
|
|
return this.loadDependencies(operatorList).then(function () { |
|
7293
|
|
|
this.transformMatrix = IDENTITY_MATRIX; |
|
7294
|
|
|
this.pgrp = document.createElementNS(NS, 'svg:g'); // Parent group |
|
7295
|
|
|
this.pgrp.setAttributeNS(null, 'transform', pm(viewport.transform)); |
|
7296
|
|
|
this.tgrp = document.createElementNS(NS, 'svg:g'); // Transform group |
|
7297
|
|
|
this.tgrp.setAttributeNS(null, 'transform', pm(this.transformMatrix)); |
|
7298
|
|
|
this.defs = document.createElementNS(NS, 'svg:defs'); |
|
7299
|
|
|
this.pgrp.appendChild(this.defs); |
|
7300
|
|
|
this.pgrp.appendChild(this.tgrp); |
|
7301
|
|
|
this.svg.appendChild(this.pgrp); |
|
7302
|
|
|
var opTree = this.convertOpList(operatorList); |
|
7303
|
|
|
this.executeOpTree(opTree); |
|
7304
|
|
|
return this.svg; |
|
7305
|
|
|
}.bind(this)); |
|
7306
|
|
|
}, |
|
7307
|
|
|
|
|
7308
|
|
|
convertOpList: function SVGGraphics_convertOpList(operatorList) { |
|
7309
|
|
|
var argsArray = operatorList.argsArray; |
|
7310
|
|
|
var fnArray = operatorList.fnArray; |
|
7311
|
|
|
var fnArrayLen = fnArray.length; |
|
7312
|
|
|
var REVOPS = []; |
|
7313
|
|
|
var opList = []; |
|
7314
|
|
|
|
|
7315
|
|
|
for (var op in OPS) { |
|
|
|
|
|
|
7316
|
|
|
REVOPS[OPS[op]] = op; |
|
7317
|
|
|
} |
|
7318
|
|
|
|
|
7319
|
|
|
for (var x = 0; x < fnArrayLen; x++) { |
|
7320
|
|
|
var fnId = fnArray[x]; |
|
7321
|
|
|
opList.push({'fnId' : fnId, 'fn': REVOPS[fnId], 'args': argsArray[x]}); |
|
7322
|
|
|
} |
|
7323
|
|
|
return opListToTree(opList); |
|
7324
|
|
|
}, |
|
7325
|
|
|
|
|
7326
|
|
|
executeOpTree: function SVGGraphics_executeOpTree(opTree) { |
|
7327
|
|
|
var opTreeLen = opTree.length; |
|
7328
|
|
|
for(var x = 0; x < opTreeLen; x++) { |
|
7329
|
|
|
var fn = opTree[x].fn; |
|
7330
|
|
|
var fnId = opTree[x].fnId; |
|
7331
|
|
|
var args = opTree[x].args; |
|
7332
|
|
|
|
|
7333
|
|
|
switch (fnId | 0) { |
|
7334
|
|
|
case OPS.beginText: |
|
|
|
|
|
|
7335
|
|
|
this.beginText(); |
|
7336
|
|
|
break; |
|
7337
|
|
|
case OPS.setLeading: |
|
7338
|
|
|
this.setLeading(args); |
|
7339
|
|
|
break; |
|
7340
|
|
|
case OPS.setLeadingMoveText: |
|
7341
|
|
|
this.setLeadingMoveText(args[0], args[1]); |
|
7342
|
|
|
break; |
|
7343
|
|
|
case OPS.setFont: |
|
7344
|
|
|
this.setFont(args); |
|
7345
|
|
|
break; |
|
7346
|
|
|
case OPS.showText: |
|
7347
|
|
|
this.showText(args[0]); |
|
7348
|
|
|
break; |
|
7349
|
|
|
case OPS.showSpacedText: |
|
7350
|
|
|
this.showText(args[0]); |
|
7351
|
|
|
break; |
|
7352
|
|
|
case OPS.endText: |
|
7353
|
|
|
this.endText(); |
|
7354
|
|
|
break; |
|
7355
|
|
|
case OPS.moveText: |
|
7356
|
|
|
this.moveText(args[0], args[1]); |
|
7357
|
|
|
break; |
|
7358
|
|
|
case OPS.setCharSpacing: |
|
7359
|
|
|
this.setCharSpacing(args[0]); |
|
7360
|
|
|
break; |
|
7361
|
|
|
case OPS.setWordSpacing: |
|
7362
|
|
|
this.setWordSpacing(args[0]); |
|
7363
|
|
|
break; |
|
7364
|
|
|
case OPS.setHScale: |
|
7365
|
|
|
this.setHScale(args[0]); |
|
7366
|
|
|
break; |
|
7367
|
|
|
case OPS.setTextMatrix: |
|
7368
|
|
|
this.setTextMatrix(args[0], args[1], args[2], |
|
7369
|
|
|
args[3], args[4], args[5]); |
|
7370
|
|
|
break; |
|
7371
|
|
|
case OPS.setLineWidth: |
|
7372
|
|
|
this.setLineWidth(args[0]); |
|
7373
|
|
|
break; |
|
7374
|
|
|
case OPS.setLineJoin: |
|
7375
|
|
|
this.setLineJoin(args[0]); |
|
7376
|
|
|
break; |
|
7377
|
|
|
case OPS.setLineCap: |
|
7378
|
|
|
this.setLineCap(args[0]); |
|
7379
|
|
|
break; |
|
7380
|
|
|
case OPS.setMiterLimit: |
|
7381
|
|
|
this.setMiterLimit(args[0]); |
|
7382
|
|
|
break; |
|
7383
|
|
|
case OPS.setFillRGBColor: |
|
7384
|
|
|
this.setFillRGBColor(args[0], args[1], args[2]); |
|
7385
|
|
|
break; |
|
7386
|
|
|
case OPS.setStrokeRGBColor: |
|
7387
|
|
|
this.setStrokeRGBColor(args[0], args[1], args[2]); |
|
7388
|
|
|
break; |
|
7389
|
|
|
case OPS.setDash: |
|
7390
|
|
|
this.setDash(args[0], args[1]); |
|
7391
|
|
|
break; |
|
7392
|
|
|
case OPS.setGState: |
|
7393
|
|
|
this.setGState(args[0]); |
|
7394
|
|
|
break; |
|
7395
|
|
|
case OPS.fill: |
|
7396
|
|
|
this.fill(); |
|
7397
|
|
|
break; |
|
7398
|
|
|
case OPS.eoFill: |
|
7399
|
|
|
this.eoFill(); |
|
7400
|
|
|
break; |
|
7401
|
|
|
case OPS.stroke: |
|
7402
|
|
|
this.stroke(); |
|
7403
|
|
|
break; |
|
7404
|
|
|
case OPS.fillStroke: |
|
7405
|
|
|
this.fillStroke(); |
|
7406
|
|
|
break; |
|
7407
|
|
|
case OPS.eoFillStroke: |
|
7408
|
|
|
this.eoFillStroke(); |
|
7409
|
|
|
break; |
|
7410
|
|
|
case OPS.clip: |
|
7411
|
|
|
this.clip('nonzero'); |
|
7412
|
|
|
break; |
|
7413
|
|
|
case OPS.eoClip: |
|
7414
|
|
|
this.clip('evenodd'); |
|
7415
|
|
|
break; |
|
7416
|
|
|
case OPS.paintSolidColorImageMask: |
|
7417
|
|
|
this.paintSolidColorImageMask(); |
|
7418
|
|
|
break; |
|
7419
|
|
|
case OPS.paintJpegXObject: |
|
7420
|
|
|
this.paintJpegXObject(args[0], args[1], args[2]); |
|
7421
|
|
|
break; |
|
7422
|
|
|
case OPS.paintImageXObject: |
|
7423
|
|
|
this.paintImageXObject(args[0]); |
|
7424
|
|
|
break; |
|
7425
|
|
|
case OPS.paintInlineImageXObject: |
|
7426
|
|
|
this.paintInlineImageXObject(args[0]); |
|
7427
|
|
|
break; |
|
7428
|
|
|
case OPS.paintImageMaskXObject: |
|
7429
|
|
|
this.paintImageMaskXObject(args[0]); |
|
7430
|
|
|
break; |
|
7431
|
|
|
case OPS.paintFormXObjectBegin: |
|
7432
|
|
|
this.paintFormXObjectBegin(args[0], args[1]); |
|
7433
|
|
|
break; |
|
7434
|
|
|
case OPS.paintFormXObjectEnd: |
|
7435
|
|
|
this.paintFormXObjectEnd(); |
|
7436
|
|
|
break; |
|
7437
|
|
|
case OPS.closePath: |
|
7438
|
|
|
this.closePath(); |
|
7439
|
|
|
break; |
|
7440
|
|
|
case OPS.closeStroke: |
|
7441
|
|
|
this.closeStroke(); |
|
7442
|
|
|
break; |
|
7443
|
|
|
case OPS.closeFillStroke: |
|
7444
|
|
|
this.closeFillStroke(); |
|
7445
|
|
|
break; |
|
7446
|
|
|
case OPS.nextLine: |
|
7447
|
|
|
this.nextLine(); |
|
7448
|
|
|
break; |
|
7449
|
|
|
case OPS.transform: |
|
7450
|
|
|
this.transform(args[0], args[1], args[2], args[3], |
|
7451
|
|
|
args[4], args[5]); |
|
7452
|
|
|
break; |
|
7453
|
|
|
case OPS.constructPath: |
|
7454
|
|
|
this.constructPath(args[0], args[1]); |
|
7455
|
|
|
break; |
|
7456
|
|
|
case OPS.endPath: |
|
7457
|
|
|
this.endPath(); |
|
7458
|
|
|
break; |
|
7459
|
|
|
case 92: |
|
7460
|
|
|
this.group(opTree[x].items); |
|
7461
|
|
|
break; |
|
7462
|
|
|
default: |
|
7463
|
|
|
warn('Unimplemented method '+ fn); |
|
7464
|
|
|
break; |
|
7465
|
|
|
} |
|
7466
|
|
|
} |
|
7467
|
|
|
}, |
|
7468
|
|
|
|
|
7469
|
|
|
setWordSpacing: function SVGGraphics_setWordSpacing(wordSpacing) { |
|
7470
|
|
|
this.current.wordSpacing = wordSpacing; |
|
7471
|
|
|
}, |
|
7472
|
|
|
|
|
7473
|
|
|
setCharSpacing: function SVGGraphics_setCharSpacing(charSpacing) { |
|
7474
|
|
|
this.current.charSpacing = charSpacing; |
|
7475
|
|
|
}, |
|
7476
|
|
|
|
|
7477
|
|
|
nextLine: function SVGGraphics_nextLine() { |
|
7478
|
|
|
this.moveText(0, this.current.leading); |
|
7479
|
|
|
}, |
|
7480
|
|
|
|
|
7481
|
|
|
setTextMatrix: function SVGGraphics_setTextMatrix(a, b, c, d, e, f) { |
|
7482
|
|
|
var current = this.current; |
|
7483
|
|
|
this.current.textMatrix = this.current.lineMatrix = [a, b, c, d, e, f]; |
|
7484
|
|
|
|
|
7485
|
|
|
this.current.x = this.current.lineX = 0; |
|
7486
|
|
|
this.current.y = this.current.lineY = 0; |
|
7487
|
|
|
|
|
7488
|
|
|
current.xcoords = []; |
|
7489
|
|
|
current.tspan = document.createElementNS(NS, 'svg:tspan'); |
|
7490
|
|
|
current.tspan.setAttributeNS(null, 'font-family', current.fontFamily); |
|
7491
|
|
|
current.tspan.setAttributeNS(null, 'font-size', |
|
7492
|
|
|
pf(current.fontSize) + 'px'); |
|
7493
|
|
|
current.tspan.setAttributeNS(null, 'y', pf(-current.y)); |
|
7494
|
|
|
|
|
7495
|
|
|
current.txtElement = document.createElementNS(NS, 'svg:text'); |
|
7496
|
|
|
current.txtElement.appendChild(current.tspan); |
|
7497
|
|
|
}, |
|
7498
|
|
|
|
|
7499
|
|
|
beginText: function SVGGraphics_beginText() { |
|
7500
|
|
|
this.current.x = this.current.lineX = 0; |
|
7501
|
|
|
this.current.y = this.current.lineY = 0; |
|
7502
|
|
|
this.current.textMatrix = IDENTITY_MATRIX; |
|
7503
|
|
|
this.current.lineMatrix = IDENTITY_MATRIX; |
|
7504
|
|
|
this.current.tspan = document.createElementNS(NS, 'svg:tspan'); |
|
7505
|
|
|
this.current.txtElement = document.createElementNS(NS, 'svg:text'); |
|
7506
|
|
|
this.current.txtgrp = document.createElementNS(NS, 'svg:g'); |
|
7507
|
|
|
this.current.xcoords = []; |
|
7508
|
|
|
}, |
|
7509
|
|
|
|
|
7510
|
|
|
moveText: function SVGGraphics_moveText(x, y) { |
|
7511
|
|
|
var current = this.current; |
|
7512
|
|
|
this.current.x = this.current.lineX += x; |
|
7513
|
|
|
this.current.y = this.current.lineY += y; |
|
7514
|
|
|
|
|
7515
|
|
|
current.xcoords = []; |
|
7516
|
|
|
current.tspan = document.createElementNS(NS, 'svg:tspan'); |
|
7517
|
|
|
current.tspan.setAttributeNS(null, 'font-family', current.fontFamily); |
|
7518
|
|
|
current.tspan.setAttributeNS(null, 'font-size', |
|
7519
|
|
|
pf(current.fontSize) + 'px'); |
|
7520
|
|
|
current.tspan.setAttributeNS(null, 'y', pf(-current.y)); |
|
7521
|
|
|
}, |
|
7522
|
|
|
|
|
7523
|
|
|
showText: function SVGGraphics_showText(glyphs) { |
|
7524
|
|
|
var current = this.current; |
|
7525
|
|
|
var font = current.font; |
|
7526
|
|
|
var fontSize = current.fontSize; |
|
7527
|
|
|
|
|
7528
|
|
|
if (fontSize === 0) { |
|
7529
|
|
|
return; |
|
7530
|
|
|
} |
|
7531
|
|
|
|
|
7532
|
|
|
var charSpacing = current.charSpacing; |
|
7533
|
|
|
var wordSpacing = current.wordSpacing; |
|
7534
|
|
|
var fontDirection = current.fontDirection; |
|
7535
|
|
|
var textHScale = current.textHScale * fontDirection; |
|
7536
|
|
|
var glyphsLength = glyphs.length; |
|
7537
|
|
|
var vertical = font.vertical; |
|
7538
|
|
|
var widthAdvanceScale = fontSize * current.fontMatrix[0]; |
|
7539
|
|
|
|
|
7540
|
|
|
var x = 0, i; |
|
7541
|
|
|
for (i = 0; i < glyphsLength; ++i) { |
|
7542
|
|
|
var glyph = glyphs[i]; |
|
7543
|
|
|
if (glyph === null) { |
|
7544
|
|
|
// word break |
|
7545
|
|
|
x += fontDirection * wordSpacing; |
|
7546
|
|
|
continue; |
|
7547
|
|
|
} else if (isNum(glyph)) { |
|
7548
|
|
|
x += -glyph * fontSize * 0.001; |
|
7549
|
|
|
continue; |
|
7550
|
|
|
} |
|
7551
|
|
|
current.xcoords.push(current.x + x * textHScale); |
|
7552
|
|
|
|
|
7553
|
|
|
var width = glyph.width; |
|
7554
|
|
|
var character = glyph.fontChar; |
|
7555
|
|
|
var charWidth = width * widthAdvanceScale + charSpacing * fontDirection; |
|
7556
|
|
|
x += charWidth; |
|
7557
|
|
|
|
|
7558
|
|
|
current.tspan.textContent += character; |
|
7559
|
|
|
} |
|
7560
|
|
|
if (vertical) { |
|
7561
|
|
|
current.y -= x * textHScale; |
|
7562
|
|
|
} else { |
|
7563
|
|
|
current.x += x * textHScale; |
|
7564
|
|
|
} |
|
7565
|
|
|
|
|
7566
|
|
|
current.tspan.setAttributeNS(null, 'x', |
|
7567
|
|
|
current.xcoords.map(pf).join(' ')); |
|
7568
|
|
|
current.tspan.setAttributeNS(null, 'y', pf(-current.y)); |
|
7569
|
|
|
current.tspan.setAttributeNS(null, 'font-family', current.fontFamily); |
|
7570
|
|
|
current.tspan.setAttributeNS(null, 'font-size', |
|
7571
|
|
|
pf(current.fontSize) + 'px'); |
|
7572
|
|
|
if (current.fontStyle !== SVG_DEFAULTS.fontStyle) { |
|
7573
|
|
|
current.tspan.setAttributeNS(null, 'font-style', current.fontStyle); |
|
7574
|
|
|
} |
|
7575
|
|
|
if (current.fontWeight !== SVG_DEFAULTS.fontWeight) { |
|
7576
|
|
|
current.tspan.setAttributeNS(null, 'font-weight', current.fontWeight); |
|
7577
|
|
|
} |
|
7578
|
|
|
if (current.fillColor !== SVG_DEFAULTS.fillColor) { |
|
7579
|
|
|
current.tspan.setAttributeNS(null, 'fill', current.fillColor); |
|
7580
|
|
|
} |
|
7581
|
|
|
|
|
7582
|
|
|
current.txtElement.setAttributeNS(null, 'transform', |
|
7583
|
|
|
pm(current.textMatrix) + |
|
7584
|
|
|
' scale(1, -1)' ); |
|
7585
|
|
|
current.txtElement.setAttributeNS(XML_NS, 'xml:space', 'preserve'); |
|
7586
|
|
|
current.txtElement.appendChild(current.tspan); |
|
7587
|
|
|
current.txtgrp.appendChild(current.txtElement); |
|
7588
|
|
|
|
|
7589
|
|
|
this.tgrp.appendChild(current.txtElement); |
|
7590
|
|
|
|
|
7591
|
|
|
}, |
|
7592
|
|
|
|
|
7593
|
|
|
setLeadingMoveText: function SVGGraphics_setLeadingMoveText(x, y) { |
|
7594
|
|
|
this.setLeading(-y); |
|
7595
|
|
|
this.moveText(x, y); |
|
7596
|
|
|
}, |
|
7597
|
|
|
|
|
7598
|
|
|
addFontStyle: function SVGGraphics_addFontStyle(fontObj) { |
|
7599
|
|
|
if (!this.cssStyle) { |
|
7600
|
|
|
this.cssStyle = document.createElementNS(NS, 'svg:style'); |
|
7601
|
|
|
this.cssStyle.setAttributeNS(null, 'type', 'text/css'); |
|
7602
|
|
|
this.defs.appendChild(this.cssStyle); |
|
7603
|
|
|
} |
|
7604
|
|
|
|
|
7605
|
|
|
var url = PDFJS.createObjectURL(fontObj.data, fontObj.mimetype); |
|
7606
|
|
|
this.cssStyle.textContent += |
|
7607
|
|
|
'@font-face { font-family: "' + fontObj.loadedName + '";' + |
|
7608
|
|
|
' src: url(' + url + '); }\n'; |
|
7609
|
|
|
}, |
|
7610
|
|
|
|
|
7611
|
|
|
setFont: function SVGGraphics_setFont(details) { |
|
7612
|
|
|
var current = this.current; |
|
7613
|
|
|
var fontObj = this.commonObjs.get(details[0]); |
|
7614
|
|
|
var size = details[1]; |
|
7615
|
|
|
this.current.font = fontObj; |
|
7616
|
|
|
|
|
7617
|
|
|
if (this.embedFonts && fontObj.data && |
|
7618
|
|
|
!this.embeddedFonts[fontObj.loadedName]) { |
|
7619
|
|
|
this.addFontStyle(fontObj); |
|
7620
|
|
|
this.embeddedFonts[fontObj.loadedName] = fontObj; |
|
7621
|
|
|
} |
|
7622
|
|
|
|
|
7623
|
|
|
current.fontMatrix = (fontObj.fontMatrix ? |
|
7624
|
|
|
fontObj.fontMatrix : FONT_IDENTITY_MATRIX); |
|
7625
|
|
|
|
|
7626
|
|
|
var bold = fontObj.black ? (fontObj.bold ? 'bolder' : 'bold') : |
|
7627
|
|
|
(fontObj.bold ? 'bold' : 'normal'); |
|
7628
|
|
|
var italic = fontObj.italic ? 'italic' : 'normal'; |
|
7629
|
|
|
|
|
7630
|
|
|
if (size < 0) { |
|
7631
|
|
|
size = -size; |
|
7632
|
|
|
current.fontDirection = -1; |
|
7633
|
|
|
} else { |
|
7634
|
|
|
current.fontDirection = 1; |
|
7635
|
|
|
} |
|
7636
|
|
|
current.fontSize = size; |
|
7637
|
|
|
current.fontFamily = fontObj.loadedName; |
|
7638
|
|
|
current.fontWeight = bold; |
|
7639
|
|
|
current.fontStyle = italic; |
|
7640
|
|
|
|
|
7641
|
|
|
current.tspan = document.createElementNS(NS, 'svg:tspan'); |
|
7642
|
|
|
current.tspan.setAttributeNS(null, 'y', pf(-current.y)); |
|
7643
|
|
|
current.xcoords = []; |
|
7644
|
|
|
}, |
|
7645
|
|
|
|
|
7646
|
|
|
endText: function SVGGraphics_endText() { |
|
7647
|
|
|
if (this.current.pendingClip) { |
|
7648
|
|
|
this.cgrp.appendChild(this.tgrp); |
|
7649
|
|
|
this.pgrp.appendChild(this.cgrp); |
|
7650
|
|
|
} else { |
|
7651
|
|
|
this.pgrp.appendChild(this.tgrp); |
|
7652
|
|
|
} |
|
7653
|
|
|
this.tgrp = document.createElementNS(NS, 'svg:g'); |
|
7654
|
|
|
this.tgrp.setAttributeNS(null, 'transform', pm(this.transformMatrix)); |
|
7655
|
|
|
}, |
|
7656
|
|
|
|
|
7657
|
|
|
// Path properties |
|
7658
|
|
|
setLineWidth: function SVGGraphics_setLineWidth(width) { |
|
7659
|
|
|
this.current.lineWidth = width; |
|
7660
|
|
|
}, |
|
7661
|
|
|
setLineCap: function SVGGraphics_setLineCap(style) { |
|
7662
|
|
|
this.current.lineCap = LINE_CAP_STYLES[style]; |
|
7663
|
|
|
}, |
|
7664
|
|
|
setLineJoin: function SVGGraphics_setLineJoin(style) { |
|
7665
|
|
|
this.current.lineJoin = LINE_JOIN_STYLES[style]; |
|
7666
|
|
|
}, |
|
7667
|
|
|
setMiterLimit: function SVGGraphics_setMiterLimit(limit) { |
|
7668
|
|
|
this.current.miterLimit = limit; |
|
7669
|
|
|
}, |
|
7670
|
|
|
setStrokeRGBColor: function SVGGraphics_setStrokeRGBColor(r, g, b) { |
|
7671
|
|
|
var color = Util.makeCssRgb(r, g, b); |
|
7672
|
|
|
this.current.strokeColor = color; |
|
7673
|
|
|
}, |
|
7674
|
|
|
setFillRGBColor: function SVGGraphics_setFillRGBColor(r, g, b) { |
|
7675
|
|
|
var color = Util.makeCssRgb(r, g, b); |
|
7676
|
|
|
this.current.fillColor = color; |
|
7677
|
|
|
this.current.tspan = document.createElementNS(NS, 'svg:tspan'); |
|
7678
|
|
|
this.current.xcoords = []; |
|
7679
|
|
|
}, |
|
7680
|
|
|
setDash: function SVGGraphics_setDash(dashArray, dashPhase) { |
|
7681
|
|
|
this.current.dashArray = dashArray; |
|
7682
|
|
|
this.current.dashPhase = dashPhase; |
|
7683
|
|
|
}, |
|
7684
|
|
|
|
|
7685
|
|
View Code Duplication |
constructPath: function SVGGraphics_constructPath(ops, args) { |
|
|
|
|
|
|
7686
|
|
|
var current = this.current; |
|
7687
|
|
|
var x = current.x, y = current.y; |
|
7688
|
|
|
current.path = document.createElementNS(NS, 'svg:path'); |
|
7689
|
|
|
var d = []; |
|
7690
|
|
|
var opLength = ops.length; |
|
7691
|
|
|
|
|
7692
|
|
|
for (var i = 0, j = 0; i < opLength; i++) { |
|
7693
|
|
|
switch (ops[i] | 0) { |
|
|
|
|
|
|
7694
|
|
|
case OPS.rectangle: |
|
|
|
|
|
|
7695
|
|
|
x = args[j++]; |
|
7696
|
|
|
y = args[j++]; |
|
7697
|
|
|
var width = args[j++]; |
|
7698
|
|
|
var height = args[j++]; |
|
7699
|
|
|
var xw = x + width; |
|
7700
|
|
|
var yh = y + height; |
|
7701
|
|
|
d.push('M', pf(x), pf(y), 'L', pf(xw) , pf(y), 'L', pf(xw), pf(yh), |
|
7702
|
|
|
'L', pf(x), pf(yh), 'Z'); |
|
7703
|
|
|
break; |
|
7704
|
|
|
case OPS.moveTo: |
|
7705
|
|
|
x = args[j++]; |
|
7706
|
|
|
y = args[j++]; |
|
7707
|
|
|
d.push('M', pf(x), pf(y)); |
|
7708
|
|
|
break; |
|
7709
|
|
|
case OPS.lineTo: |
|
7710
|
|
|
x = args[j++]; |
|
7711
|
|
|
y = args[j++]; |
|
7712
|
|
|
d.push('L', pf(x) , pf(y)); |
|
7713
|
|
|
break; |
|
7714
|
|
|
case OPS.curveTo: |
|
7715
|
|
|
x = args[j + 4]; |
|
7716
|
|
|
y = args[j + 5]; |
|
7717
|
|
|
d.push('C', pf(args[j]), pf(args[j + 1]), pf(args[j + 2]), |
|
7718
|
|
|
pf(args[j + 3]), pf(x), pf(y)); |
|
7719
|
|
|
j += 6; |
|
7720
|
|
|
break; |
|
7721
|
|
|
case OPS.curveTo2: |
|
7722
|
|
|
x = args[j + 2]; |
|
7723
|
|
|
y = args[j + 3]; |
|
7724
|
|
|
d.push('C', pf(x), pf(y), pf(args[j]), pf(args[j + 1]), |
|
7725
|
|
|
pf(args[j + 2]), pf(args[j + 3])); |
|
7726
|
|
|
j += 4; |
|
7727
|
|
|
break; |
|
7728
|
|
|
case OPS.curveTo3: |
|
7729
|
|
|
x = args[j + 2]; |
|
7730
|
|
|
y = args[j + 3]; |
|
7731
|
|
|
d.push('C', pf(args[j]), pf(args[j + 1]), pf(x), pf(y), |
|
7732
|
|
|
pf(x), pf(y)); |
|
7733
|
|
|
j += 4; |
|
7734
|
|
|
break; |
|
7735
|
|
|
case OPS.closePath: |
|
7736
|
|
|
d.push('Z'); |
|
7737
|
|
|
break; |
|
7738
|
|
|
} |
|
7739
|
|
|
} |
|
7740
|
|
|
current.path.setAttributeNS(null, 'd', d.join(' ')); |
|
7741
|
|
|
current.path.setAttributeNS(null, 'stroke-miterlimit', |
|
7742
|
|
|
pf(current.miterLimit)); |
|
7743
|
|
|
current.path.setAttributeNS(null, 'stroke-linecap', current.lineCap); |
|
7744
|
|
|
current.path.setAttributeNS(null, 'stroke-linejoin', current.lineJoin); |
|
7745
|
|
|
current.path.setAttributeNS(null, 'stroke-width', |
|
7746
|
|
|
pf(current.lineWidth) + 'px'); |
|
7747
|
|
|
current.path.setAttributeNS(null, 'stroke-dasharray', |
|
7748
|
|
|
current.dashArray.map(pf).join(' ')); |
|
7749
|
|
|
current.path.setAttributeNS(null, 'stroke-dashoffset', |
|
7750
|
|
|
pf(current.dashPhase) + 'px'); |
|
7751
|
|
|
current.path.setAttributeNS(null, 'fill', 'none'); |
|
7752
|
|
|
|
|
7753
|
|
|
this.tgrp.appendChild(current.path); |
|
7754
|
|
|
if (current.pendingClip) { |
|
7755
|
|
|
this.cgrp.appendChild(this.tgrp); |
|
7756
|
|
|
this.pgrp.appendChild(this.cgrp); |
|
7757
|
|
|
} else { |
|
7758
|
|
|
this.pgrp.appendChild(this.tgrp); |
|
7759
|
|
|
} |
|
7760
|
|
|
// Saving a reference in current.element so that it can be addressed |
|
7761
|
|
|
// in 'fill' and 'stroke' |
|
7762
|
|
|
current.element = current.path; |
|
7763
|
|
|
current.setCurrentPoint(x, y); |
|
7764
|
|
|
}, |
|
7765
|
|
|
|
|
7766
|
|
|
endPath: function SVGGraphics_endPath() { |
|
7767
|
|
|
var current = this.current; |
|
7768
|
|
|
if (current.pendingClip) { |
|
7769
|
|
|
this.cgrp.appendChild(this.tgrp); |
|
7770
|
|
|
this.pgrp.appendChild(this.cgrp); |
|
7771
|
|
|
} else { |
|
7772
|
|
|
this.pgrp.appendChild(this.tgrp); |
|
7773
|
|
|
} |
|
7774
|
|
|
this.tgrp = document.createElementNS(NS, 'svg:g'); |
|
7775
|
|
|
this.tgrp.setAttributeNS(null, 'transform', pm(this.transformMatrix)); |
|
7776
|
|
|
}, |
|
7777
|
|
|
|
|
7778
|
|
|
clip: function SVGGraphics_clip(type) { |
|
7779
|
|
|
var current = this.current; |
|
7780
|
|
|
// Add current path to clipping path |
|
7781
|
|
|
current.clipId = 'clippath' + clipCount; |
|
7782
|
|
|
clipCount++; |
|
7783
|
|
|
this.clippath = document.createElementNS(NS, 'svg:clipPath'); |
|
7784
|
|
|
this.clippath.setAttributeNS(null, 'id', current.clipId); |
|
7785
|
|
|
var clipElement = current.element.cloneNode(); |
|
7786
|
|
|
if (type === 'evenodd') { |
|
7787
|
|
|
clipElement.setAttributeNS(null, 'clip-rule', 'evenodd'); |
|
7788
|
|
|
} else { |
|
7789
|
|
|
clipElement.setAttributeNS(null, 'clip-rule', 'nonzero'); |
|
7790
|
|
|
} |
|
7791
|
|
|
this.clippath.setAttributeNS(null, 'transform', pm(this.transformMatrix)); |
|
7792
|
|
|
this.clippath.appendChild(clipElement); |
|
7793
|
|
|
this.defs.appendChild(this.clippath); |
|
7794
|
|
|
|
|
7795
|
|
|
// Create a new group with that attribute |
|
7796
|
|
|
current.pendingClip = true; |
|
7797
|
|
|
this.cgrp = document.createElementNS(NS, 'svg:g'); |
|
7798
|
|
|
this.cgrp.setAttributeNS(null, 'clip-path', |
|
7799
|
|
|
'url(#' + current.clipId + ')'); |
|
7800
|
|
|
this.pgrp.appendChild(this.cgrp); |
|
7801
|
|
|
}, |
|
7802
|
|
|
|
|
7803
|
|
|
closePath: function SVGGraphics_closePath() { |
|
7804
|
|
|
var current = this.current; |
|
7805
|
|
|
var d = current.path.getAttributeNS(null, 'd'); |
|
7806
|
|
|
d += 'Z'; |
|
7807
|
|
|
current.path.setAttributeNS(null, 'd', d); |
|
7808
|
|
|
}, |
|
7809
|
|
|
|
|
7810
|
|
|
setLeading: function SVGGraphics_setLeading(leading) { |
|
7811
|
|
|
this.current.leading = -leading; |
|
7812
|
|
|
}, |
|
7813
|
|
|
|
|
7814
|
|
|
setTextRise: function SVGGraphics_setTextRise(textRise) { |
|
7815
|
|
|
this.current.textRise = textRise; |
|
7816
|
|
|
}, |
|
7817
|
|
|
|
|
7818
|
|
|
setHScale: function SVGGraphics_setHScale(scale) { |
|
7819
|
|
|
this.current.textHScale = scale / 100; |
|
7820
|
|
|
}, |
|
7821
|
|
|
|
|
7822
|
|
|
setGState: function SVGGraphics_setGState(states) { |
|
7823
|
|
|
for (var i = 0, ii = states.length; i < ii; i++) { |
|
7824
|
|
|
var state = states[i]; |
|
7825
|
|
|
var key = state[0]; |
|
7826
|
|
|
var value = state[1]; |
|
7827
|
|
|
|
|
7828
|
|
|
switch (key) { |
|
|
|
|
|
|
7829
|
|
|
case 'LW': |
|
7830
|
|
|
this.setLineWidth(value); |
|
7831
|
|
|
break; |
|
7832
|
|
|
case 'LC': |
|
7833
|
|
|
this.setLineCap(value); |
|
7834
|
|
|
break; |
|
7835
|
|
|
case 'LJ': |
|
7836
|
|
|
this.setLineJoin(value); |
|
7837
|
|
|
break; |
|
7838
|
|
|
case 'ML': |
|
7839
|
|
|
this.setMiterLimit(value); |
|
7840
|
|
|
break; |
|
7841
|
|
|
case 'D': |
|
7842
|
|
|
this.setDash(value[0], value[1]); |
|
7843
|
|
|
break; |
|
7844
|
|
|
case 'RI': |
|
7845
|
|
|
break; |
|
7846
|
|
|
case 'FL': |
|
7847
|
|
|
break; |
|
7848
|
|
|
case 'Font': |
|
7849
|
|
|
this.setFont(value); |
|
7850
|
|
|
break; |
|
7851
|
|
|
case 'CA': |
|
7852
|
|
|
break; |
|
7853
|
|
|
case 'ca': |
|
7854
|
|
|
break; |
|
7855
|
|
|
case 'BM': |
|
7856
|
|
|
break; |
|
7857
|
|
|
case 'SMask': |
|
7858
|
|
|
break; |
|
7859
|
|
|
} |
|
7860
|
|
|
} |
|
7861
|
|
|
}, |
|
7862
|
|
|
|
|
7863
|
|
|
fill: function SVGGraphics_fill() { |
|
7864
|
|
|
var current = this.current; |
|
7865
|
|
|
current.element.setAttributeNS(null, 'fill', current.fillColor); |
|
7866
|
|
|
}, |
|
7867
|
|
|
|
|
7868
|
|
|
stroke: function SVGGraphics_stroke() { |
|
7869
|
|
|
var current = this.current; |
|
7870
|
|
|
current.element.setAttributeNS(null, 'stroke', current.strokeColor); |
|
7871
|
|
|
current.element.setAttributeNS(null, 'fill', 'none'); |
|
7872
|
|
|
}, |
|
7873
|
|
|
|
|
7874
|
|
|
eoFill: function SVGGraphics_eoFill() { |
|
7875
|
|
|
var current = this.current; |
|
7876
|
|
|
current.element.setAttributeNS(null, 'fill', current.fillColor); |
|
7877
|
|
|
current.element.setAttributeNS(null, 'fill-rule', 'evenodd'); |
|
7878
|
|
|
}, |
|
7879
|
|
|
|
|
7880
|
|
|
fillStroke: function SVGGraphics_fillStroke() { |
|
7881
|
|
|
// Order is important since stroke wants fill to be none. |
|
7882
|
|
|
// First stroke, then if fill needed, it will be overwritten. |
|
7883
|
|
|
this.stroke(); |
|
7884
|
|
|
this.fill(); |
|
7885
|
|
|
}, |
|
7886
|
|
|
|
|
7887
|
|
|
eoFillStroke: function SVGGraphics_eoFillStroke() { |
|
7888
|
|
|
this.current.element.setAttributeNS(null, 'fill-rule', 'evenodd'); |
|
7889
|
|
|
this.fillStroke(); |
|
7890
|
|
|
}, |
|
7891
|
|
|
|
|
7892
|
|
|
closeStroke: function SVGGraphics_closeStroke() { |
|
7893
|
|
|
this.closePath(); |
|
7894
|
|
|
this.stroke(); |
|
7895
|
|
|
}, |
|
7896
|
|
|
|
|
7897
|
|
|
closeFillStroke: function SVGGraphics_closeFillStroke() { |
|
7898
|
|
|
this.closePath(); |
|
7899
|
|
|
this.fillStroke(); |
|
7900
|
|
|
}, |
|
7901
|
|
|
|
|
7902
|
|
|
paintSolidColorImageMask: |
|
7903
|
|
|
function SVGGraphics_paintSolidColorImageMask() { |
|
7904
|
|
|
var current = this.current; |
|
7905
|
|
|
var rect = document.createElementNS(NS, 'svg:rect'); |
|
7906
|
|
|
rect.setAttributeNS(null, 'x', '0'); |
|
7907
|
|
|
rect.setAttributeNS(null, 'y', '0'); |
|
7908
|
|
|
rect.setAttributeNS(null, 'width', '1px'); |
|
7909
|
|
|
rect.setAttributeNS(null, 'height', '1px'); |
|
7910
|
|
|
rect.setAttributeNS(null, 'fill', current.fillColor); |
|
7911
|
|
|
this.tgrp.appendChild(rect); |
|
7912
|
|
|
}, |
|
7913
|
|
|
|
|
7914
|
|
|
paintJpegXObject: function SVGGraphics_paintJpegXObject(objId, w, h) { |
|
7915
|
|
|
var current = this.current; |
|
7916
|
|
|
var imgObj = this.objs.get(objId); |
|
7917
|
|
|
var imgEl = document.createElementNS(NS, 'svg:image'); |
|
7918
|
|
|
imgEl.setAttributeNS(XLINK_NS, 'xlink:href', imgObj.src); |
|
7919
|
|
|
imgEl.setAttributeNS(null, 'width', imgObj.width + 'px'); |
|
7920
|
|
|
imgEl.setAttributeNS(null, 'height', imgObj.height + 'px'); |
|
7921
|
|
|
imgEl.setAttributeNS(null, 'x', '0'); |
|
7922
|
|
|
imgEl.setAttributeNS(null, 'y', pf(-h)); |
|
7923
|
|
|
imgEl.setAttributeNS(null, 'transform', |
|
7924
|
|
|
'scale(' + pf(1 / w) + ' ' + pf(-1 / h) + ')'); |
|
7925
|
|
|
|
|
7926
|
|
|
this.tgrp.appendChild(imgEl); |
|
7927
|
|
|
if (current.pendingClip) { |
|
7928
|
|
|
this.cgrp.appendChild(this.tgrp); |
|
7929
|
|
|
this.pgrp.appendChild(this.cgrp); |
|
7930
|
|
|
} else { |
|
7931
|
|
|
this.pgrp.appendChild(this.tgrp); |
|
7932
|
|
|
} |
|
7933
|
|
|
}, |
|
7934
|
|
|
|
|
7935
|
|
|
paintImageXObject: function SVGGraphics_paintImageXObject(objId) { |
|
7936
|
|
|
var imgData = this.objs.get(objId); |
|
7937
|
|
|
if (!imgData) { |
|
7938
|
|
|
warn('Dependent image isn\'t ready yet'); |
|
7939
|
|
|
return; |
|
7940
|
|
|
} |
|
7941
|
|
|
this.paintInlineImageXObject(imgData); |
|
7942
|
|
|
}, |
|
7943
|
|
|
|
|
7944
|
|
|
paintInlineImageXObject: |
|
7945
|
|
|
function SVGGraphics_paintInlineImageXObject(imgData, mask) { |
|
7946
|
|
|
var current = this.current; |
|
7947
|
|
|
var width = imgData.width; |
|
7948
|
|
|
var height = imgData.height; |
|
7949
|
|
|
|
|
7950
|
|
|
var imgSrc = convertImgDataToPng(imgData); |
|
7951
|
|
|
var cliprect = document.createElementNS(NS, 'svg:rect'); |
|
7952
|
|
|
cliprect.setAttributeNS(null, 'x', '0'); |
|
7953
|
|
|
cliprect.setAttributeNS(null, 'y', '0'); |
|
7954
|
|
|
cliprect.setAttributeNS(null, 'width', pf(width)); |
|
7955
|
|
|
cliprect.setAttributeNS(null, 'height', pf(height)); |
|
7956
|
|
|
current.element = cliprect; |
|
7957
|
|
|
this.clip('nonzero'); |
|
7958
|
|
|
var imgEl = document.createElementNS(NS, 'svg:image'); |
|
7959
|
|
|
imgEl.setAttributeNS(XLINK_NS, 'xlink:href', imgSrc); |
|
7960
|
|
|
imgEl.setAttributeNS(null, 'x', '0'); |
|
7961
|
|
|
imgEl.setAttributeNS(null, 'y', pf(-height)); |
|
7962
|
|
|
imgEl.setAttributeNS(null, 'width', pf(width) + 'px'); |
|
7963
|
|
|
imgEl.setAttributeNS(null, 'height', pf(height) + 'px'); |
|
7964
|
|
|
imgEl.setAttributeNS(null, 'transform', |
|
7965
|
|
|
'scale(' + pf(1 / width) + ' ' + |
|
7966
|
|
|
pf(-1 / height) + ')'); |
|
7967
|
|
|
if (mask) { |
|
7968
|
|
|
mask.appendChild(imgEl); |
|
7969
|
|
|
} else { |
|
7970
|
|
|
this.tgrp.appendChild(imgEl); |
|
7971
|
|
|
} |
|
7972
|
|
|
if (current.pendingClip) { |
|
7973
|
|
|
this.cgrp.appendChild(this.tgrp); |
|
7974
|
|
|
this.pgrp.appendChild(this.cgrp); |
|
7975
|
|
|
} else { |
|
7976
|
|
|
this.pgrp.appendChild(this.tgrp); |
|
7977
|
|
|
} |
|
7978
|
|
|
}, |
|
7979
|
|
|
|
|
7980
|
|
|
paintImageMaskXObject: |
|
7981
|
|
|
function SVGGraphics_paintImageMaskXObject(imgData) { |
|
7982
|
|
|
var current = this.current; |
|
7983
|
|
|
var width = imgData.width; |
|
7984
|
|
|
var height = imgData.height; |
|
7985
|
|
|
var fillColor = current.fillColor; |
|
7986
|
|
|
|
|
7987
|
|
|
current.maskId = 'mask' + maskCount++; |
|
7988
|
|
|
var mask = document.createElementNS(NS, 'svg:mask'); |
|
7989
|
|
|
mask.setAttributeNS(null, 'id', current.maskId); |
|
7990
|
|
|
|
|
7991
|
|
|
var rect = document.createElementNS(NS, 'svg:rect'); |
|
7992
|
|
|
rect.setAttributeNS(null, 'x', '0'); |
|
7993
|
|
|
rect.setAttributeNS(null, 'y', '0'); |
|
7994
|
|
|
rect.setAttributeNS(null, 'width', pf(width)); |
|
7995
|
|
|
rect.setAttributeNS(null, 'height', pf(height)); |
|
7996
|
|
|
rect.setAttributeNS(null, 'fill', fillColor); |
|
7997
|
|
|
rect.setAttributeNS(null, 'mask', 'url(#' + current.maskId +')'); |
|
7998
|
|
|
this.defs.appendChild(mask); |
|
7999
|
|
|
this.tgrp.appendChild(rect); |
|
8000
|
|
|
|
|
8001
|
|
|
this.paintInlineImageXObject(imgData, mask); |
|
8002
|
|
|
}, |
|
8003
|
|
|
|
|
8004
|
|
|
paintFormXObjectBegin: |
|
8005
|
|
|
function SVGGraphics_paintFormXObjectBegin(matrix, bbox) { |
|
8006
|
|
|
this.save(); |
|
8007
|
|
|
|
|
8008
|
|
|
if (isArray(matrix) && matrix.length === 6) { |
|
8009
|
|
|
this.transform(matrix[0], matrix[1], matrix[2], |
|
8010
|
|
|
matrix[3], matrix[4], matrix[5]); |
|
8011
|
|
|
} |
|
8012
|
|
|
|
|
8013
|
|
|
if (isArray(bbox) && bbox.length === 4) { |
|
8014
|
|
|
var width = bbox[2] - bbox[0]; |
|
8015
|
|
|
var height = bbox[3] - bbox[1]; |
|
8016
|
|
|
|
|
8017
|
|
|
var cliprect = document.createElementNS(NS, 'svg:rect'); |
|
8018
|
|
|
cliprect.setAttributeNS(null, 'x', bbox[0]); |
|
8019
|
|
|
cliprect.setAttributeNS(null, 'y', bbox[1]); |
|
8020
|
|
|
cliprect.setAttributeNS(null, 'width', pf(width)); |
|
8021
|
|
|
cliprect.setAttributeNS(null, 'height', pf(height)); |
|
8022
|
|
|
this.current.element = cliprect; |
|
8023
|
|
|
this.clip('nonzero'); |
|
8024
|
|
|
this.endPath(); |
|
8025
|
|
|
} |
|
8026
|
|
|
}, |
|
8027
|
|
|
|
|
8028
|
|
|
paintFormXObjectEnd: |
|
8029
|
|
|
function SVGGraphics_paintFormXObjectEnd() { |
|
8030
|
|
|
this.restore(); |
|
8031
|
|
|
} |
|
8032
|
|
|
}; |
|
8033
|
|
|
return SVGGraphics; |
|
8034
|
|
|
})(); |
|
8035
|
|
|
|
|
8036
|
|
|
PDFJS.SVGGraphics = SVGGraphics; |
|
8037
|
|
|
//#endif |
|
8038
|
|
|
|
|
8039
|
|
|
|
|
8040
|
|
|
}).call((typeof window === 'undefined') ? this : window); |
|
8041
|
|
|
|
|
8042
|
|
|
if (!PDFJS.workerSrc && typeof document !== 'undefined') { |
|
8043
|
|
|
// workerSrc is not set -- using last script url to define default location |
|
8044
|
|
|
PDFJS.workerSrc = (function () { |
|
8045
|
|
|
'use strict'; |
|
8046
|
|
|
var scriptTagContainer = document.body || |
|
8047
|
|
|
document.getElementsByTagName('head')[0]; |
|
8048
|
|
|
var pdfjsSrc = scriptTagContainer.lastChild.src; |
|
8049
|
|
|
return pdfjsSrc && pdfjsSrc.replace(/\.js$/i, '.worker.js'); |
|
8050
|
|
|
})(); |
|
8051
|
|
|
} |
|
8052
|
|
|
|
|
8053
|
|
|
|